Blogger Popüler Yayınlar Renkli Eklentisi / Blogger Popular Posts Widget - Blogger Arşivim - Blogger, Blogspot, Blogger Template, Blogger Widget

Blogger Popüler Yayınlar Renkli Eklentisi / Blogger Popular Posts Widget

Lütfen uygulamaya geçmeden önce mutlaka yedek alın.
1. Blogger kontrol panelinizdeyken sırasıyla " Tema » HTML'yi düzenle " tıklayın.
2.  CTRL+F tuş kombinasyonu'nu kullanarak sayfada " ]]></b:skin> aratın ve bu kodun bir kaç satır üstüne aşağıda verilen kodu ekleyin.;

.popularposts{line-height:1.6;color:#fff;font-size:100%;border-radius:5px 5px 0 0;} .popular-posts{font-size:100%;line-height:1.6;border-radius:0; color:#fff} .popular-posts a{color:#fff} .popular-posts a:hover{color:#fff} .PopularPosts ul{counter-reset:popcount;list-style:none;padding:0;margin:0;} .popular-posts ul li:before{counter-increment:popcount;list-style-type:none;margin:10px 15px 0 5px;padding:0.3em 0.8em;content:counter(popcount);color:#fff;font-size:16px;position:relative;border:1px solid #fff;border-radius:100%;float:left;} .PopularPosts li{background:none;list-style:none;display:block;text-transform:uppercase;padding:10px 18px;margin:0;clear:both;overflow:hidden;border-bottom:none;font:13.5px/140%;} .PopularPosts li a{text-decoration:none} .PopularPosts li:hover{background:#0FB9BB} #PopularPosts1 .widget-content{margin-bottom:-2px;padding:0px 0 0 17px;} .PopularPosts ul li{padding:3px 7px;border:none} .PopularPosts ul li:nth-child(1){margin-right:0;background-color:#F48067;} .PopularPosts ul li:nth-child(2){margin-right:0;background-color:#2ba6e1;} .PopularPosts ul li:nth-child(3){margin-right:0;background-color:#718397;} .PopularPosts ul li:nth-child(4){margin-right:0;background-color:#11b7b5;} .PopularPosts ul li:nth-child(5){margin-right:0;background-color:#d9ba71;} .PopularPosts ul li:nth-child(6){margin-right:0;background-color:#d9ba71;} .PopularPosts ul li:nth-child(7){margin-right:0;background-color:#2ba6e1;} .PopularPosts ul li:nth-child(8){margin-right:0;background-color:#718397;} .PopularPosts ul li:nth-child(9){margin-right:0;background-color:#11b7b5;} .PopularPosts ul li:nth-child(10){margin-right:0;background-color:#d9ba71;}

3. Daha sonra tekrar Blogger kontrol panelinizde sırasıyla " Yerleşim >> Gadget ekle " sekmesine tıklıyoruz. Açılan Mini Pencereden Popüler Yayınlar Widgetini seçiyoruz. Ardından ayarlarını aşağıda ki görselde ki gibi ayarlayın;


Başlığı Kendinize göre yazın.
En çok görüntülenen'i Tümü 

Göster Küçük Resim ve Snippet'i işaretleyin
Görüntülenme sınırı: 10 



4. Yapılacaklar bu kadar, takıldığınız yer olursa yorum kısmında belirtebilirsiniz.

1 yorum:

  1. Güzelmiş,favladım. sayfama atacagim. tesekkürler

    YanıtlaSil

blogger (116) blogspot (19) ders (13) dersler (5) eklenti (30) free (1) gadget (2) hatasivecozumu (2) nedir (1) popular (20) popularposts (21) recent (1) recentposts (6) seo (2) sonsuz (1) SoraTech (1) tema (35) Teması (1) template (35) templates (1) theme (1) widget (50) yapimi (1)