3 Stil Popüler Yayınlar Eklentisi

Merhaba arkadaşlar bu yayınımda sizlere yine güzel bir blogger eklentisinden bahsedeceğim.Popüler yayınlarınızın daha havalı durmasını sağlayacak üç stil kendinize uygun olanı seçip kullanabilirsiniz. İlk önce nasıl kurulacağından bahsedeyim her bir stil için css kodlarını ]]><b:skin> veya </style> kodlarının üstüne ekliyoruz. Stil1: /* Popular Post Style 1 */ #PopularPosts1 ul{padding:10px 0;margin-top:-15px;} .PopularPosts .item-thumbnail{margin:0} .PopularPosts .widget-content ul{padding:0;margin-top:-7px} .PopularPosts .item-title a{t…

Blogger Site Haritası Oluşturma(Sitemap)

Selamlar herkese bu yayınımda sizlere blogger da sitemap oluşturmadan bahsedeceğim.Blog ziyaretçilerin daha kolay dolaşması için hazırlanmış hoş görünmlü güzel bi eklenti. Nasıl kurulacağından bahsedeyim Blogger Panel den > Sayfalar > Yeni Sayfa diyerek HTML kısmına aşağıdaki kodu yapıştıyoruz. <style scoped="" type="text/css"> #head-tab{background:# 51a8e9 ;padding:15px 20px;margin:0;color:#fff;font-size:16px;text-align:center;font-weight:700;letter-spacing:.5px;} #tabbed-toc{margin:0 auto;background-color:#222;overfl…

Blogger Otomatik Slider Manşet Eklentisi

Merhaba arkadaşlar, bu yayınımda sizlere güzel bi otomatik slider  manşet eklentisinden bahsedicem. Kurulumu: Blogger Yerleşim den Gadget Ekle > Html /JavaScript diyoruz ve aşağıdaki kodu yapıştırıyoruz.Daha sonra blog adresiniz yazan yere kendi blog adresinizi yazıyorsunuz bu kadar. <style> /* CSS Slider Recent Post */ #slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} #slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative} #slides ul{height:320px} #slides li{width:50%;height:100%;p…

Blogger Kod Penceresi Oluşturma

Merhaba arkadaşlar,bu yayınımda sizlere bloğunuzda kullanabileceğiniz kod pencerelerini sunacağım. Eğer bloğunuzda yayınlarda html,css,javascript gibi kodlar paylaşıyorsanız ve bunları pencere içine almak istiyorsanız aşağıdaki adımları uygulayın. Adım 1:Aşağıdaki css kodunu ]]><b:skin> veya </style> kodunun üstüne ekliyoruz. /* CSS Simple Pre Code */ pre { background: #333; white-space: pre; word-wrap: break-word; overflow: auto; } pre.code { margin: 20px 25px; border-radius: 4px; border: 1px solid #292929; …

Blogger İletişim Formu Oluşturma(Google Form ile)

Merhaba arkadaşlar, bu yayınımda sizlere blogger kullanırken çok güzel ve pratik bi eklenti diyebileceğimiz Google'dan faydalanarak bloggerımıza iletişim sayfası oluşturabileceğiz.Blogger kullanan kullanıcıların en çok ihtiyaç duyduğu sayfa olan iletişim sayfasını oluştuma için aşağıdaki adımları uyguluyoruz. RESİMLİ ANLATIM Adım 1: İlk önce  https://www.google.com/intl/tr_tr/forms/about/  adresine giriyoruz ve Google Formlar 'a git diyoruz. Adım 2: Tıkladığımız ekranda aşağıdaki yer açılacaktır.Resimdeki gibi formu oluşturuyoruz. Adım 3:  Formu…

Blogger Hazır Sosyal Paylaşım Eklentisi - 12

Merhaba arkadaşlar, bu yayınımda sizlere yeni bir blogger sosyal paylaşım eklentisi nden bahseceğim.Kullanışlı zarif oluşu bloğunuza güzel bir hava oluşturacaktır.Üzerine geldiğimizde rengi değişen bu eklentiyi anlatayım. Nasıl Eklenir? - Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu yapıştırıyoruz. <style>#sosmed{margin:16px auto 5px;} #sosmed li:hover{background-color:#414b5e;} #sosmed li{line-height:30px;font-weight:400;margin:auto;margin-bottom:3px;border-radius:5px;-webkit-transition:all…

Hazır Sosyal Paylaşım Eklentisi - 11

Merhaba Arkadaşlar, bu yayınımda sizlere yeni bir sosyal paylaşım eklentisinden bahsedeceğim.Sade ve şık bir eklenti üzerine gelince renk değiştiren güzel bir eklenti. Nasıl Eklenir? - Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu ekliyoruz. -Gerekli düzenlemeleri aşağıda belirttim . <style> .social-wrap { margin:0; padding:0; } .social-wrap ul li{ list-style:none; border-bottom:none; margin:0; padding:0; } .social-wrap li a { margin:0 5px; padding:0; width:60px; height:60px; float:left; tex…

Hazır Sosyal Paylaşım Eklentisi - 10

Merhaba Arkadaşlar, bu yayınımda sizlere blogger için hazır sosyal paylaşım eklenti lerinden onuncusunu göstereceğim.Bir nevi yalancı bir eklenti de diyebiliriz çünkü eklentinin üzerinde takip sayısını kendimiz ayarlayabiliyoruz.Mesela Facebook için 2k+ şeklinde veya istediğimiz takipçi sayısını yazıyoruz.Güzel ve kullanışlı bir eklentidir. Nasıl Kurulur? - Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu yapıştırıyoruz.Düzeltmemiz gereken yerleri aşağıda belirttim. <style> .btrix-social-slidebo…

Sayfada Aşağı İnince Sağda Çıkan Sosyal Medya Eklentisi

Merhaba Arkadaşlar, bu yayınımda sizlere değişik bir sosyal medya eklentisi nden bahsedeceğim.Sayfada aşağı doğru indikçe sağ altta çıkan sosyal medya.Bu eklenti kullanıcınında dikkatini çekecektir sayfalarda dolaşırken sürekli karşısına çıkması sizi sosyal medyada takip etmeye yönlendirir. Nasıl Kurulur? - Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu yapışıtırıyoruz düzeltmemiz gereken yerleri renkli olarak gösterdim. Bu eklentiyi herhangi bir gadgete ekleyebiliriz illaki sağdaki gadget olacak diy…

Hazır Sosyal Paylaşım Eklentisi - 9

Merhaba arkadaşlar, bu yayınımda sizlere blogger sosyal medya eklenti serisinden yeni bir eklenti sunacağım.Üzerine gelince dönen sade bir eklenti. Nasıl Eklenir? -Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu ekliyoruz. <style> .pakmax-fancyshare img { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-i…

Blogger Slider Eklentisi - 3

Merhaba Arkadaşlar, bu yayınımda sizlere blogunuz için güzel bir slider eklentiden bahsedeceğim.Css ile hazırlanmış olan boyutu uyarlanabilir,resimler ve başlıklar düzenlebilir olan güzel bir eklenti. Nasıl Yaparız? -Blogger Admin Panel'inden istersek blogger kodlarının içinden bi yere istersekte gadget olarak ekleyebiliriz. -Kodlardan eklemek istiyorsak; -Blogger Admin Panel'inden Şablon > Html'yi Düzenle diyoruz ve slider in nerde gözükmesini istiyorsan oraya aşağıdaki kodları ekliyoruz. -Gadget olarak eklemek istiyorsak eğer; -Blogger …