Cara Membuat Foto Efek Memutar-mutar Dan Membesar Saat Disorot Mouse

Kamis, 29 Desember 2011

Cara Membuat Foto Efek Memutar-mutar Dan Membesar Saat Disorot Mouse

Assalamualaikum Wr.WB Pada Tutorial Blog Sebelumnya Blog Gerpindom Sudah Menjelaskan pada sobat semua tentang bagaimana Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse. Sedangkan pada tutorial Blog Kali Ini Saya akan menjelaskan pada sobat semua tentang Bagaimana Cara Membuat foto/gambar efek memutar-mutar dan membesar saat disorot mouse.

Sbelum Saya Memulainya Saya Akan Memberikan Demonya Terlebih dahulu kepada Sobat semua

Hehehehe Seperti Itulah Demonya

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

Login Ke Akun Blog sobat

Pilih Rancangan/design Lalu Pilih EDIT HTML (dan jangan lupa untuk mencentang kolom expand template widget )

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

<style>#ediebule{ -o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}#ediebule: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);}#bule a:hover{transition: all 0.5s;-moz-transition: all 0.5s;}</style>

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

4 . SimpanTemplatenya

CARA PEMAKAIANNYA

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

Contoh

<div id="ediebule">
<a href="http://id-id.facebook.com/edie.bule" target="_blank" title="Cara Membuat foto/gambar efek memutar-mutar dan membesar saat disorot mouse"><img height="203" src="http://a8.sphotos.ak.fbcdn.net/hphotos-ak-snc7/407510_258137360919010_100001682451900_714095_1742914521_n.jpg" style="border: 0px;" width="325" /></a></div>

hehehe Begitulah Cara Pemakaiannya

CATATAN : Sobat Semua Bisa mengubah efek membesarnya dengan cara Mengubah Ukuran Yg Saya sudah Tandai dEngan Warna Hijau Tua(1.5)

Contoh : 0.9 1.0 atau membesarkannya lagi 2.0 2.5 DST

~~SILAKAN MENCOBA DAN SEMOGA BERHASIL~~