Blogger Popüler Yayınlar Oval Görsel 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.;

.popular-posts ul{padding-left:0px;} .popular-posts ul li {list-style-type: none;background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijPBD5BGi0AeY6nqCZ2VhPEdbs0I1Hqpz68j6k00DPYjGNf-gu6AyGiej5vlwRoABky6CrwC7jf0LtZ7GW_XQNBq8AhZkzlzTiCjZi07TUjTXg1T_4KTk-qtIvwQpRCHmCYlgPIVMy8TRs/s1600/bo-pp-arrow.gif)  no-repeat scroll 5px 10px;border: 1px solid #ddd;padding:5px 5px 5px 20px !important;margin:0 0 5px 0px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .popular-posts ul li:hover {border:1px solid #6BB5FF;} .popular-posts ul li a:hover {text-decoration:none;} .popular-posts .item-thumbnail img {border-radius: 100px;-moz-border-radius: 100px;webkit-border-radius: 100px;  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);}

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.