Image Opacity Effect

Assalamualaikum , malam nih buat tuto lagi :D Fyqa sangat teruja membuat tuto pada waktu malam . Haha , sial saia sudah datang , kuangkuangkuang . Tuto malam nih sangat lar senang macam makan kacang ja. Di mana lepas buat tuto nih gmbar hangpa akan jadi blur bila mouse/cursor letak kat gambar tuu.

First , Dashboard >> Design >> Add A Gadget >> HTML / JavaScript.

Copy kod yang Fyqa bagi 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><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