EFEK GAMBAR BERKABUT

Selamat siang sobat bloger dalam post kali ini ada variasi unik untuk memodifikasi gambar yan ada dalam blog sobat bloger yaitu menambhkan efek transparan dalam blog maupun halaman post unutk contohnya arahkan mouse pada gambar didisamping maka yang terjadi gambar akan transparan bila dilihat /istilah lainnya hover image(klo tidak salah lho ya)/efek gambar berkabut,oke langsung aja kita praktekan yuk cara kmembuat "efek transparan gambar" yuk mareeeeeeee



langkah efek gambar transparan:

1.login dalam dasbor bloger
2.masuk kedalam rancangan-->edit html(jangan lupa ceklist kotak atas)
3.cara kode ]]></b:skin> yang ada dalam html
4.klo sudah ketemu taruh jac=va script berikut tepat dibawah kode ]]></b:skin> tadi

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.efekanimasi&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(&quot;.efekanimasi&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.6); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script><script type='text/javascript'>
$(document).ready(function(){
$(&quot;.post img&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(&quot;.post img&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.6); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>

5.simpan dan lihat hasilnya

dan yang terakhir jangan lupa berdoa sebelum bekerja supaya berhasil oke salam bloger.
souce:blog BT