Foto berputar-putar ketika di sentuh mouse

Assalamualaikum ..

kemarin ada yang inbox saia di facebook dia bertanya gini ..

oum gimana cara buat lencana barge facebook yang fotonya saat disentuh Mouse berputat-putar yang

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="japarus"><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/xbatimtea

dibagian URL FOTO FACEBOOK ANDA, ganti dengan url foto anda, misal

http://a1.sphotos.ak.fbcdn.net/hphotos-ak-ash2/33788_1489035352941_1445695888_31030325_6016615_n.jpg

Selama Mencoba

Tinggalkan komentar yaah..