Cara Membuat Animasi Berputar Vertikal Pada Popular Post Di blog

Kali ini saya akan membagikan tentang cara membuat animasi berputar vertikal pada widget popular post di Blog anda , agar blog anda lebih dipercantik dengan animasi widget seperti ini ,nah langsung saja
Berikut Langkah-langkahnya:

1.Login Account Blogger anda
2.Rancangan>>Elemen laman>> Add gadget>>Pilih Popular Posts (Entri Populer)>>Simpan
3.Sekarang pilih lah tab Rancangan>>EDIT HTML
  dan centang " Expand Template Widget "
4.Lalu cari lah kode berikut (Ctrl+F)
   
    ]]></b:skin>

5.Lalu letakan kode berikut di atas code diatas (  ]]></b:skin>)

.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);}

6.Simpan Template,Finish

Baca juga: http://www.com-hf.com/2012/02/cara-membuat-animasi-berputar-pada.html