Tutorial : Image Opacity Effect

1. Dashboard --> Layout --> Add a Gadget --> Html JavaScript

Copy kod dekat bawah nih dalam HTML / JavaScript tadi.

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

Then , tayah preview lar , SAVE ja terus :D

Atau Guna coding dengan masukkan dalam Html : Nurrul guna yang ini :")

Wash Denim Template
1. Dashboard --> Template --> Edit Html --> Proceed 

2. Cari kod di bawah :

#outer-wrapper{

3. Copy dan paste code ini di atas kod tadi :

img:hover{
  border-width: 0;
  border-radius:10px;
  opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
img{
   filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;
   -webkit-transition:1s;border-radius:10px;filter:
}

4. Save !!! :"D