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.;
.sidebar .popular-posts ul {padding: 0;margin: auto;}
.sidebar .popular-posts ul li {list-style: none !important;float: left;position: relative;overflow: hidden;margin: 0 5px 5px 0;padding: 2px; border: 1px solid #f5f5f5;}
.sidebar .PopularPosts .item-thumbnail {width: 100%;margin: 0;}
.sidebar .PopularPosts ul li img {float: left;display: block;height: 85px;padding: 0;}
.sidebar .PopularPosts ul li img:hover {overflow: hidden;transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-o-transform:scale(1.06);}
.sidebar .item-title {display:none !important;}
.sidebar .item-title a {display:none !important;}
.sidebar .popular-posts ul li {list-style: none !important;float: left;position: relative;overflow: hidden;margin: 0 5px 5px 0;padding: 2px; border: 1px solid #f5f5f5;}
.sidebar .PopularPosts .item-thumbnail {width: 100%;margin: 0;}
.sidebar .PopularPosts ul li img {float: left;display: block;height: 85px;padding: 0;}
.sidebar .PopularPosts ul li img:hover {overflow: hidden;transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-o-transform:scale(1.06);}
.sidebar .item-title {display:none !important;}
.sidebar .item-title a {display:none !important;}
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 gibi ayarlayın;
- “Küçük Resim” kutusunu işaretleyin.
- “ Snippet ” kutusunun işaretini kaldırın .
- En iyi sonuç için 9 popüler gönderi görüntüleyin.
4. Yapılacaklar bu kadar, takıldığınız yer olursa yorum kısmında belirtebilirsiniz.