Cara membuat Popular Post dengan Animasi gambar berputar

Cara membuat Popular Post dengan Animasi gambar berputar tahap 1

Login ke Blog anda > Design > Pada page lemen silahkan add gadged baru Popular Posts seperti contoh gambar di bawah ini.

Beri judul widget tersebut "Popular Posts" ( tenang saja nanti bisa anda ganti, untuk langkah awal agar mempermudah nanti pada bagian edit HTML)
Centang image thumbnail
Pada bagian snipet tidak perlu di centang
Jumlah artikel populer bebas berapa saja yang ingin di tampilkan
Save

Cara membuat Popular Post dengan Animasi gambar berputar tahap 2

Pada menu design > Edit HTML (tidak perlu centang expand widget templates)
Cari kode ]]> dan paste Css berikut di atasnya

.popular-posts .item-thumbnail{float:left;} .popular-posts ul{padding-left:30px;} .popular-posts ul li {list-style-image: none;list-style-type: none;display:inline;} .popular-posts ul li img {padding:0px;-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;} .popular-posts ul li img:hover {border:2px solid #ccc;-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}

Sekarang cari kode
kalau sudah ketemu, ganti kode tersebut dengan kode dibawah ini

•