Image Hover

Hye peeps ! Hari ni Tinie sambung buad tutorial Image Hover pulak for Template Designer.

Oh , ape itu Image Hover ? Korang perasan x bila cursor sentuh gambar , dia jadi blurr atau gelap sikit ? Itu lha di namakan Image Hover !!

1. Dashboard > Template > Edit HTML > Tick Expand Widget Templates

2. Tekan CTRL+F and search code ni : /* Header

3. Korang copy code bawah niy 

/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;}

4. Then , paste di atas code yg korang search tadi Ok !

5. And then , preview dulu , baru save !

- Bye ! Nak buad Tuto lain pulak :D -