Membuat Gambar Membesar Dan Berputar Ketika di Sentuh Cursor

Membuat Gambar Membesar Dan Berputar Ketika di Sentuh Cursor
Membuat gambar membesar saat disentuh cursor atau kursor memang sangat mudah sekali buat yang sudah tau,tapi buat para blogger yang belum tau,cara Membuat Gambar Membesar Dan Berputar Ketika di Sentuh Cursor  adalah sesuatu hal yang menarik dan membuat penasaran pengin tau caranya .Oke,Bagi sobat Blogger yang belum tau caranya, bisa mencoba  Trik oke dibawah ini.
Langsung saja ikuti cara di bawah ini: 

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Gunakan (Ctr l+ F) untuk memudahkan pencarian.Setelah ketemu,Copy kode CSS dibawah ini, lalu      Paste diatas kode  ]]></b:skin> tadi.
 

#triandotus 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;              
}                                            
#triandotus img:hover                         
{                                            
-o-transform: scale(1.5) rotate(360deg);     
-moz-transform: scale(1.5) rotate(360deg);   
-webkit-transform: scale(1.5) rotate(360deg);
}     


5. Jangan lupa Simpan Template.
6. Penerapan dalam gambar postingan (dalam Mode HTML bukan Compose)

     
<div id="triandotus"><a href="##"                       imageanchor="1"style="margin-left: 1em; margin-  right: 1em;"><img border="0"src="##" /></a></div></div>                                                                                                         

 * Tanda ' ## ' adalah alamat url gambar sobat.

 DEMO

Selamat mencoba,semoga berhasil....!!!!