Membuat Efek Mouseover pada Gambar

Habis Jalan-Jalan di Blog orang kok ada Gambar bisa redup dan bila di sentuh bisa terang apa yaaa itu.. 

lalu cari deh di Google ahhaha dan tau deh informasi nya dari blog sodiycxacun lalu Punya ide deh gue, Posting di Mari aja hihihhihhi

Efek Mouseover pada gambar Blog

Dari Redup ke terang Bila di Sentuh
Kode HTML nya

<img src="URL gambar" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

*Ganti URL Gambar dengan URL gambar Anda. 

================= 

 Dari terang ke Redup Bila di sentuh
Kode HTML nya

<img src="URL gambar" border="1" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>

*Ganti URL Gambar dengan URL gambar Anda. 

 ============ 

Cara terakhir yaitu membuat semua gambar di postingan Anda secara otomatis mempunyai efek mouse over yaitu menggunakkan kode CSS berikut : Letakkan kodenya sebelum kode ]]></b:skin>

.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6} .post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

Nah sampai di sini dulu yaa, semoga berhasil, bila berhasil Komentar nya yaaa ,Muaach

We Are Friends (┌'⌣')┌♥┐('⌣'┐)