foto berputar -putar saat di sentuh oleh mouse

hy sobat blogger kali ini materinya adalah cara membuat foto berputar -putar saat di sentuh oleh mouse

dan ini gambarnya 

kalau masih tidak percaya klik DEMO

LANGSUNG KE TUTORIAL AJa

Berikut langkah - langkah nya
1. Login ke Akun Blogger anda masing-masing
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Cari kode ]]></b:skin>
Kemudian paste kode ini di atas nya

kode:

#japarusimgfb:hover{-o-transform: scale(1.2) rotate(360deg) translate(0px);-moz-transform: scale(1.2) rotate(360deg) translate(0px);-webkit-transform: scale(1.2) rotate(360deg) translate(0px);-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}
#japarusimgfb{-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}

Kemudian Masuk Kebagian rancangan, tambah gatget HTMLjavascript
paste kode di bagian ..


kode:

<div id='japarusimgfb'><center><a href="URL FACEBOOK ANDA" target="_blank"title="Hisyam"><img src="URL FOTO FACEBOOK ANDA" width="120" height="203" style="border: 0px;" /></a></center></div>

NB ..
dibagian URL FACEBOOK ANDA, ganti dengan URL facebook anda misal Http://www.facebook.com/hisam.yahya

dibagian URL FOTO FACEBOOK ANDA, ganti dengan url foto anda, misal
http://a3.twimg.com/profile_images/1576855477/227353_211134618911544_100000450229512_736542_8261709_a_reasonably_small.jpg

Good Luck

creat by
japarus