tuto : image opacity hover

Kalau korang tktau ape mende alah tu korang try tekan header or gambar gambar yang ada dalam blog aku . korang akan paham nanti [;

 log in > dashboard > add gadget > page element > html / javascript 

 copy code bawah nie , then paste dekat html / javascript

image opacity hover 1 

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

image opacity hover 2

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

 save .

Selamat mencuba . kbaii