Foto berputar-putar ketika di sorot mouse

LANGSUNG KE TUTORIAL saja :

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 .

#rahmatimgfb: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;}
#rahmatimgfb{-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 dalam kolom Html .

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

Catatan :

Dibagian URL  ANDA, ganti dengan URL facebook anda misal Http://www.facebook.com/japarus

dibagian URL FOTO  ANDA, ganti dengan url foto anda, misalnya :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLTBc4mDk8KUyFDTuy7fttNYcnmTLy3OU0vzK1UJmrcD6bVhEyO-YrJWD8yaGyXc2D0GQkOb4kdOXEX23cw51sm_8uQ1gIfdJldjc1NfH8oLBBQgvK7YAaDwSW4xB6XQg71C_ZqojiSEdc/s200/bluematrix.gif

Posted in: Trik Blog