Cara membuat Efek gambar berputar di posting

Halloooo....!!
kembali lagi di posting Assassin'S Blogger.
dulu saya pernah memposting Cara Membuat efek zoom pada gambar di posting , nahh sekarang ada tips baru niihh, sekarang saya akan mengajarkan bagaimana Cara Membuat efek gambar berputar di posting , ingin tau caranya.....???
oke tidak usah basa-basi lagi, langsung aja ke pointnya:

1)   Loggin ke Blogger anda

2)   Pilih Rancangan   »»  Edit HTML , Jangan lupa untuk backup template anda terlebih dahulu

3)   Centang tulisan Expand Template Widget

4)   Tempatkan kode berikut diatas kode ]]></b:skin>

 .galeryzoneberputar img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out} .galeryzoneberputar img:hover{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}

5) Terakhir klik Simpan/Save

Kemudian dalam penulisan kode gambarnya seperti ini dan harus pada mode ''Edit HTML'' bukan pada mode Compose

<div class="galeryzoneberputar"><img src="http://link-gambar-kamu.jpg" /></div>

Jika ingin mengatur ukuran gambarnya sebelum pointer mouse melintas diatasnya (gambar default tampilan) tinggal menambahkan kode height="nilai-tinggi" weight="nilai-lebar" Dan nantinya akan menjadi seperti
berikut  

<div class="galeryzoneberputar"><img src="http://link-gambar-kamu.jpg" height="nilai-tinggi" width="nilai-lebar" /></a></div>

Selamat mecoba  :)
 

Sumber: http://galeryzone.blogspot.com/2012/04/cara-membuat-gambar-berputar.html