Cara jadikan image dalam entri blog jadi kabur (Image opacity Image)

Try letakkan mouse pada gambar di bawah ni.. 

tada.. dah jadi fade kan.. 

Dashboard >Design > Add A Gadget > pilih HTML/Javascript

"atau"

Dashboard > Design > klik Edit HTML > Expand Widget Templates

copy kod di bawah dan paste kat kotak cam kat gambar ne. pastikan pada akhir kod tu letak </html> macam kotak merah dalam gambar, ok?

then save template. dan lihat jadi ke tidak.. ok.. 

Code :

<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>