link hover

Hello earthlings ♥


Hari ni ain nak ajar korang macam mana nak buat link hover yang cantik. Kalau nak tahu macam mana tuto ni , buat lah dulu then you will know :)


Komen tau kalau menjadi :>

Let's start !

1-Design - Edit html - Tick expand widgets

2-Ctrl + f & cari kode di bawah ni

a:hover{

3-Bila dah jumpa , kopy kode dekat bawah ni , paste di bawah kode atas

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

 4- Merah -  Pilih salah satu kat bawah ni 

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

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglKmOFcnSXqrCdcbye_MBqpnaWNt7zXZ4VVJLkKg-tZPR2BNUsR_pZhjMZAJbb5nLZw_Xp-dRrXcaL_4IjEDI_8gUEXw6PrDBUFKbJIB-xtP51xiSGKmauktx6DC1QgZ6OCkgbRDEM9BYK/s1600/590935ankbyj1xx4.gif

 

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

 

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

 

http://dl6.glitter-graphics.net/pub/1097/1097706nsxl9flarn.gif

 

http://dl.glitter-graphics.net/pub/1274/1274791or8ew5kzx6.gif

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjElWYYGa-NuljAHllJCfuFKZR8jAbLpLNgWUMhNGmpQvG6AE2okwA2Xm1DqJ4krShVpsHp6m6e3WZ9aWyTecXpcKgxijB_-4fXsvgpz-6v4G77yWTcE8IRaAX7CPMowTELbLtN9JlpN3FT/s1600/602355k2suf9v03y.gif

 5-Dah siap , preview . Kalau xde error , then save 

Kalau tak menjadi , sila guna cara yg dibawah ni :)

 1-Design - Add a gadget - html Javascript

2-Masukkan kode ni dalam ruangan tu

<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(URL GAMBAR);}</style>

 3- Url gambar pilih je yang atas tadi ek 

4-Kalau dah siap , just save !

---

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥

---