efek muter + zOom pada gambar

     pada tutorial Blog Kali Ini Blog Sharing Ilmu Pengetahuan akan menjelaskan pada sobat semua tentang Bagaimana  Cara Membuat foto/gambar efek memutar-mutar dan membesar saat disorot mouse.

kRna prmintaan dari sObat saya...
    ¬¬ ne dy yg reQuest :

Sbelum Saya Memulainya Saya Akan Memberikan Demonya Terlebih dahulu kepada Sobat semua...
cOba sorot gambar di bawah ini...

Lnjut dah...

Jika Sobat Berkenan Untuk Memasangnya di blog sobat Silakan Ikuti Langkah-langkah berikut : 

1. Login Ke Akun Blog sobat
2. Pilih Rancangan/design Lalu Pilih EDIT HTML (dan jangan lupa untuk mencentang kolom expand template widget )

     3. Copas/Letakan kode berikut tepat diatas kode </head>

<style>#BoysstReet Upz{ -o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}#BoysstReet Upz:hover{ -o-transform: scale(1.5) rotate(720deg) translate(0px);-moz-transform: scale(1.5) rotate(720deg) translate(0px);-webkit-transform: scale(1.5) rotate(720deg) translate(0px);}#BoysstReet a:hover{transition: all 0.5s;-moz-transition: all 0.5s;}</style>

     4. Simpan Templatenya

Atau Kalo Sobat Tidak Mau Pusing !!! kode/css diatas bisa dimasukan dalam gadget HTML

CARA PEMAKAIANNYA:

tambahkan <div id='BoysstReet Upz'> sebelum kode/ script dari Gambar sobat dan penutu </div> diakhir script gambar

Contoh

<div id="BoysstReet Upz">
<a href="https://www.facebook.com/BoysStReEt" target="_blank" title="efek muter + zOom versi Cyber remoxp-vj"><img height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUTMxAOu1xWHEc22JzJnsCWfA5cJZCpBQ5aD19lX3byR_WWxM0COmphOjjT3t-9rHzNfZhWoQNM0dAk934iDVOUq5l3coSDn670KSk9g-ybexAlf_cMg_YqE9Y2NwugcGE9NAGP3wFZ3w/s320/cooltext698112501.gif" style="border: 0px;" width="325" /></a></div>

Catatan:
warna merah: ganti dengan alamat gambar sObat

warna biru: ganti dengan ukuran yang sobat inginkan

-= SILAKAN MENCOBA DAN SEMOGA BERHASIL =-