02 August 2012

Tutorial : Link Hover

Photobucket

Nisa tak ada contoh,tapi Nisa rasa ramai dah tahu pasal tuto ini.Tuto ini berguna untuk newbies for cantikkan blog korang.Bila korang halakan sahaja cursor ke header or post tittle,terus akan keluar pelangi dan sebagainya.

1. Dashboard > Design > Edit Html
2. Tekan Ctrl + F Dan cari kod di bawah ini
a:hover
3. Lepas dah cari , copy kod kat bawah ni pulak
color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;
text-decoration:underline;
4. Paste kod yang dicopy ini di bawah kod a:hover
5. Preview & Save

Nota Tuto : 
RED : Masukkan URL IMAGE korang dekat situ.Nisa ada bagi freebies untuk korang.

http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif

   
http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif

 
http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif

 
http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif

No comments:

Post a Comment

Do Comment Below For Ur Opinions :)