TUTORIAL IMAGE OPPACITY EFFECT

tukar opacity gambar bila cursor menyentuh gambar. akan jadi lebih menarik la kira nya. huu~ ada dua effect, kabur bila disentuh, dan terang bila disentuh .  pergi pada Dashboard -> Design -> Add Gadget -> Html/Javascript  kemudian copy dan pastekan code pada kotak gadget Html yang korang buka tadi First effect ( terang bila disentuh ) <style> /* ----- Image opacity effect 2 ----- */ .post a img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; } .post a:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } </style> Second effect ( kabur bila disentuh ) <style> /* ----- Image opacity effect 1 ----- */ .post a img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } .post a:hover img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; } </style>  kemudian...