Tutorial - Link Hover

Someone request again - Link Hover. Haha. It's quite funny.
But I'll make it. In different ways ;P

Simple Link Over like before :

1. Dashboard -> Design -> Edit HTML

2. Ctrl+F and search code: a:hover {

3. Paste this code kat bawah/selepas numb 2 tadi:

color:#000000; background:url (URL HOVER);
background-repeat:repeat;
text-decoration:none
}

Yang berwarna merah tu paste dengan code image yang korang minat. Jum kita buat ;D


Black
http://i293.photobucket.com/albums/mm62/happyy-stop/black-hover.gif

Pink
http://i293.photobucket.com/albums/mm62/happyy-stop/pinkhover-happyy-stop.gif

Blue
http://i293.photobucket.com/albums/mm62/happyy-stop/bluehover-happyy-stop.gif

Purple
http://i293.photobucket.com/albums/mm62/happyy-stop/purplehover-happyy-stop.gif

Rainbow
http://i293.photobucket.com/albums/mm62/happyy-stop/rainbowhover-happyy-stop.gif

Orange
http://i293.photobucket.com/albums/mm62/happyy-stop/orangehover-happyy-stop.gif

Green
http://i293.photobucket.com/albums/mm62/happyy-stop/greenhover-happyy-stop.gif

Oh yah one, ada lagi satu. Kalau korang tak suka dengan colour-2 bagai, korang boleh try yang nie. Maybe chun kan ;P Same je jugak dengan cara yang tadi. Paste lepas a:hover {.

background: #000000;
border-radius:8px;
padding: 2px;
text-decoration:none;
color: #ffffff;
text-decoration:none;
-moz-transition: 1s;
-webkit-transition: 1s;
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
cursor: url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/02.gif), auto;
}

Alalala, yang nie omeyy sikit. Sebab nanti dia jatuh senget sikit. Heh.
Yang kaler oren tu boleh adjust. Preview and Save. Done! :D

---

Click on LIKE button or leave your comment. TQ

---