Rabu, 14 September 2011

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 seperti di blog yang ini KLIK DISINI OPEN NEW TAB



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/japarus

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

0 komentar:

Poskan Komentar