
Ada berbagai model untuk gambar di blog salah satunya yaitu model membuat efek gambar dari redup menjadi terang dan juga sebaliknya.nah kesempatan ini kami akan membahas bagai mana caa membuat efek gambar di blog,Berikut caranya :
Untuk cara pertama gambar redup menjadi terang:
<------Sebagai contohnya dulu :
Kode HTMLnya :
<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.
Cara kedua dari gambar terang menjadi redup :
Sebagai contohnya :
Kode HTMLnya :
<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 kode di bawah ini 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.o
Sumber : quicky-note