Tutorial | Image Hover versi 2

Sebelum ni, aku bagi yang Image hover versi 1 . Klik sini untuk tengok . kalau yang tu dari putih ke warna asal , yang ni pulak dari asal ke warna putih . cekidaut . (sory xde gambar contoh)

Steps:
1) Dashboard > Design > Edit HTML > Tick Expand Widget
2) CTRL+F dan search code <head>
3) Copy code kat bawah dan pastekan betul-betul atas code <head> tu

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'>$(document).ready(function(){$(".post img").fadeTo("slow", 1.0);$(".post img").hover(function(){$(this).fadeTo("slow", 0.5);},function(){$(this).fadeTo("slow", 1.0);});});</script><script type='text/javascript'>$(document).ready(function(){$(".latest_img").fadeTo("slow", 1.0);$(".latest_img").hover(function(){$(this).fadeTo("slow", 0.5);},function(){$(this).fadeTo("slow", 1.0);});});</script>

4) Siap boleh Save !