Memberi Efek Transparan Pada Gambar (JavaScript Gan!)

Efeknya kalo cursor kita diarahin ke gambar bisa transparan gitu

Yah kalo mo tau liat aja post ini (JavaScript Gan!)

Selamat sore agan" semua! (saya postnya sore nih ceritanya), salam sejahtera bagi kita semua (kaya khutbah jum'at aja :hammer)to the point aja

Caranya gini
1. Tentu Login ke blogger dulu dong
2.Buka Template dan klik Edit HTML
3.Cari kode ]]></b:skin> dan copas kode ini dibawahnya :

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

Keliatan kan code diatas? hehe kalo mo liat demonya, silahkan arahkan kursor anda ke salahsatu gambar di blog ini.

Seki-an

[Sumber]Dengan banyak editan :hammer