Membuat Efek Image Onmouseover

Efek ini hampir sama dengan efek image hover. Sama
disini maksudnya sama-sama menggunakan 2 (dua)
gambar. Untuk memperjelas seperti apa maksud dari
efek ini, coba saja letakkan cursor anda di
atas gambar yang ada di bawah ini :


Atau, coba saja cursor anda letakkan pada ke-3 (tiga)
banner yang ada di bawah header blog ini.

Kalau sudah anda lihat contohnya, sekarang kita ke
tahap cara penerapannya di blog.

Cukup anda tambahkan onmouseout="this.src= pada
gambar yang ingin anda berikan efek ini.

Contohnya seperti ini :

<img alt="Image01" onmouseout="this.src='URL GAMBAR 1'" onmouseover="this.src='URL GAMBAR 2'" src="URL GAMBAR 2" />

Anda bisa meletakkan kode tersebut pada
postingan maupun pada sidebar anda.

Selamat mencoba, good luck!