Membuat Efek Image Onmouseover Seri 2

Efek Image Onmouseover kali ini hanya menggunakan

1 (satu) gambar, jadi untuk membuatnya lebih simpel

(mudah) lagi dari tutorial yang sebelumnya. Contohnya

seperti gambar di bawah ini. Coba letakkan cursor

anda tepat di atas gambarnya setelah itu lepaskan

kembali cursor anda tersebut.

Langkah untuk membuatnya seperti berikut :

1.   Rancangan -> Tambah Gadget
      Pilih HTML/JavaScript.

2.   Masukkan kode di bawah ini
      ke dalam kontennya.

<img src="URL gambar letakkan di sini" style="opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" />

KETERANGAN :

Masukkan URL gambar anda pada kode
URL gambar letakkan di sini.

Selamat mencoba, good luck!