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

Related Post :)

blogger

• daftar isi 2
• daftar isi
• Cara Menambah Background di Posting Blog
• Cara membuat Floating Top Bar
• Artikel Tidak Bisa Di Block/ Tidak Bisa Di Copy
• Mematikan Fungsi Pada Keyboard,Dan Anti Klik Kanan..???
• Cara Membuat Artikel Terkait (Related Post) dengan efek Animasi Miring
• Cara MerubahTampilan Kolom Komentar dengan Efek Bubble
• membuat blockquote indah dengan efek hover
• Javascript Disable Keybord
• Cara Membuat Cursor following menu
• Menghilangkan Tulisan &quot;Tampilkan Entri Lawas&quot;
• Membuat Link Berkedip Ala Pelangi
• Buat Judul Blog Pada Adress Bar Bergerak
• Cara Menambah Background Di Postingan Blog
• Cara Membuat Background Animasi pada Judul Posting
• membuat titel berjalan pada blog
• Membuat Fasilitas Print di Blog
• cara memberi al-quran online
• Supaya Tabel tidak Melorot
• Supaya Blog / Web TerIndex Google
• Menghilangkan Underline Pada Link
• Mengatasi Pemberitahuan Kesalahan pada Faltform Blogger
• Mendisable Klik Kanan

Posted in: blogger