Membuat Gambar Berubah-ubah Saat Terkena Cursor di Blog

Tutorial kali ini adalah bagaimana cara menggunakan efek hoever pada gambar. Yakni ketika suatu gambar disorot oleh kursor maka gambar tersebut akan berubah menjadi gambar lain. Mungkin itu gambaran sederhananya.

Untuk konsep perubahan gambar dapat sobat lihat ilustrasi di bawah ini.

Untuk hasilnya dapat dilihat seperti di bawah ini

Syntax untuk membuat gambar berubah-ubah saat terkena kursor di blog

<a href="Target link" target="_blank"><img onmouseout="this.src='URL gambar pertama'" 
onmouseover="this.src='URL gambar kedua'" src="URL gambar pertama" /></a>