BONJOUR
The city that never sleeps




posted : Thursday, 9 June 2011
title : Cara Membuat Efek Image Opacity
Heyyy kawan ? hihi

okay malas cerita panjang .jom start , haha . maaf agak langsi , hikhokhik .
na tahu ta apa itu efek image opacity ? macam niy, kalau korang letak cursor korang dekad mana-mana pic dalam blog, dy akn bertukar jd wana laen. sorry guys, susa utk tnjuk examp dy .hope you dont mind :\

LANGKAH :
1. log in ke dalam blogger
2.tekan design and choose edit html
3.cari kod </head> (tekan ctrl serentak dgn f)
4.korang paste kan code dibawah ini diatas code </head> td.



<style type='text/css'> a.opacity img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;} a.opacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } </style>


5.save !

LANGKAH DUA :

1.kalau nak letakkan gambar korang, korang kena tambah class="opacity"
contoh code image awal:

<a href="http://1.bp.blogspot.com/_XoMK3ToWnac/........./blogger.jpg" imageanchor="1"
style="margin-left: 1em;"><img border="0" src="http://1.bp.blogspot.com /..... blogger.jpg" /></a>

tambahkan code  class="opacity" nnt jd mcm ini


<a class="opacity" href="http://1.bp.blogspot.com/_XoMK3ToWnac/........./blogger.jpg"
imageanchor="1" style="margin-left: 1em;"><img border="0" src="http://1.bp.blogspot.com /.....

blogger.jpg" /></a>