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