Download this Blogger Template by Clicking Here!

Membuat Efek Rollover Gambar

Tips kali ini spesial buat Bunda Yati, emak online saya yang sekarang menggelar The Old and The New Photos Giveaway. Beliau mananyakan cara memberi efek pada gambar yang saya muat di posting "Hanya Nemu Satu".

Sebenarnya caranya gampang kok, hanya dengan membikin sedikit perlakuan pada dua buah gambar. Mau tau caranya? Oke, pertama-tama sediakan dua buah gambar. Lalu untuk cara membuat efeknya masukkan kode berikut ini ( pakai mode HTML ya)

<a href="URL yang dituju"><img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" width="190" height="50" /></a>
  • URL yang dituju : masukkan link sesuai keinginan 
  • URL gambar pertama : gambar pertama yang muncul di tampilan 
  • URL gambar kedua : gambar yang akan terlihat saat kita mengarahkan kursor mouse di gambar pertama. 
  • Width /  Height : atur sesuai keinginan.

Contoh :  


Mudah kan? Selamat mencoba !