Image cursor overs

Pernah dengar tenteng overs yaitu perubahan yang ditimbulkan apabila mouse/cursor berada di atas link atau gambar ,coba arah kan mouse/cursor gambar gambar di bawah ini nah itulah yang dinamakan Image mouse Overs .pingin tahu cara membuat nya  : siap kan dulu 2 url gambar yang akan di pasang untuk contoh gunakan dulu 2 url gambar ini :http://files.myopera.com/rit2010004/albums/6028922/Panda.gif dan http://files.myopera.com/rit2010004/albums/6028922/Bart2.gif

1. login ke blogger
2. masuk rancangan >>tambah gadget masuk kan kode berikut
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin loadImage1 = new Image(); loadImage1.src = "Url gambar hover"; staticImage1 = new Image(); staticImage1.src = "Url gambar sebelum overs"; // End --> </script>
3. Save

Nah untuk memasukkan ke postingan gunakan kode berikut ini

<a href="http://kumpulantutorial-karina.blogspot.com" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="Url gambar sebelum over" border=0></a>

Oke selamat mencoba................