Bagaimana cara membuat gambar dengan efek berputar di blog

LIVE DEMO dibawah (arahkan krusor anda ke gambar)

LANGKAH-LANGKAHNYA:

• Masuk ke akun blogger anda kemudian -> Klik Drop Down Menu
• Kemudian pilih-> Template -> Edit HTML

• Kemudian cari tag/kode ]]></b:skin>  
• Setelah ketemu letakan kode berikut tepat diatas kode ]]></b:skin> 

.spinningeffect img {
 /* membuat efek gambar berputar by jalu-pangna.blogspot.com*/
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.spinningeffect img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}