Widget Entri Populer dengan Gambar Berputar

Widget Entri Populer dengan Gambar Berputar -

Hallo para Blogger pada posting sebelumnya saya telah membahas " Cara Buat Entri Populer"

 tapi pada kesempatan kali ini saya akan posting dengan tema yang sama tapi berbeda isinya



Langsung aja caranya, Berikut:
1.Pertama login dulu ke akun Blogger
2.Lalu klik Rancangan
3.Edit Html, jangan lupa centang expand widget template
4.Lalu cari kode ]]></b:skin>, untuk mempermudah pencarian tekan Ctrl+F

5.Setelah dapat kode ]]></b:skin>, letakkan kode di bawah ini pada kode tadi

<style type='text/css'>
.PopularPosts .item-title{display:none}
.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}
.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}
.PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.2) rotate(-1090deg) ;-webkit-transform: scale(1.2) rotate(-1090deg) ;-o-transform: scale(1.2) rotate(-1090deg) ;-ms-transform: scale(1.2) rotate(-1090deg) ;transform: scale(1.2) rotate(-1090deg) ;}
</style>

6.Lalu klik simpan

7.Setelah itu klik tambah gadget pilih entri populer

8.konfigurasi seperti gambar di bawah ini

atur tampilkan centang Thumbnail Gambar lalu tampilan entri 9 

Lalu klik simpan

semoga Artikel ini bermanfaat...

Tweet