Blogger Popüler Yayınlar Mini Görselli ve Sıralı Yazılar Eklentisi / Blogger Popular Posts Widget - Blogger Arşivim - Blogger, Blogspot, Blogger Template, Blogger Widget

Blogger Popüler Yayınlar Mini Görselli ve Sıralı Yazılar 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.;

#PopularPosts1 ul{width:290px;counter-reset:li;left:-7px;padding:8px 0px 1px;list-style:none;} #PopularPosts1 li{left:5px;width:95%;position:relative;margin:0 0 10px 0;padding: 3px 2px 0 17px;} #PopularPosts1 ul li{position:relative;display:block;margin: .5em 0;*padding: .2em;background:#ddd;padding: .4em .2em .4em 1em;transition: all .3s ease-out;border-radius: .3em;text-decoration: none;} #PopularPosts1 ul li:before{position:absolute;background:#FB8835;color:#fff;content: counter(li);counter-increment: li;margin: -1.3em;left: 0;top: 50%;width: 2em;border: .2em solid #fff;height: 2em;border-radius: 2em;font-weight: bold;font-size: 15px;text-align: center;line-height: 2em;box-shadow: 0 8px 5px -7px #888;-moz-box-shadow: 0 8px 5px -7px #888;-webkit-box-shadow: 0 8px 5px -7px #888;transition: all .3s ease-out;} #PopularPosts1 ul li:hover:before{transform: rotate(360deg);} #PopularPosts1 ul li:hover{background: #eee;} #PopularPosts1 ul li a{min-height:25px;color:#444;display:block;font: 14px Georgia, serif;text-decoration:none;text-transform:uppercase;text-shadow: 0 -1px 2px #fff;} #PopularPosts1 ul li a:hover{color: #444;}

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.

Hiç yorum yok:

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)