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/AVvXsEjxxOy9YNDJbZ9ZI-whxCUMQxtoNk2Kdnp3uqMLxmYea0_a6d9AFvlIfrEqDXrJhP5_gtmRjG0J9OrDGgLJThcduxcwvYcsmwr9v7kDlOQl0BM6qbNgIk3M2bJzDLNGBTqBfDwMK6wGG1v9/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.