Sep 19, 2011

Tutorial Simple Link Hover

Assalamualaikum
Hari ni aku nak buat tutorial sikit..ter'rajin'.
korang tahu kan pasal link hover?ala..bila kita letak cursor pada link,
mesti ada background yang comel..
tapi biasanya blog perempuan la..
kali ni aku nak ajar buat link hover yang simple tapi agak menarik.
contoh cuba klik  >>SINI<<

Okeh jom mula.
Klik Dashboard--> Design--> Add a Gadget--> Html/Javascript

copy code dibawah ni dan paste dalam kotak Html/Javascript tadi..
<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://www.dolliehost.com/dolliecrave/graphics/linkhovers/1.gif);}</style>
code diatas warna purple macam aku punya.
korang boleh tukar cuma gantikan URL warna merah tu.sila pilih dibawah.

-Pink-
http://www.dolliehost.com/dolliecrave/graphics/linkhovers/2.gif
-Oren-
http://www.dolliehost.com/dolliecrave/graphics/linkhovers/3.gif
-Hijau Muda-
http://www.dolliehost.com/dolliecrave/graphics/linkhovers/5.gif 
-Biru Muda-
http://www.dolliehost.com/dolliecrave/graphics/linkhovers/7.gif 
-Hitam-
http://www.dolliehost.com/dolliecrave/graphics/linkhovers/12.gif 
-Warna Warni-
 http://www.dolliehost.com/dolliecrave/graphics/linkhovers/13.gif
Dah siap,save..
Sekian,Selamat Mencuba!
~ Simple Is Better ~

3 Pemisah Kata:

kim heeruul said...

dh pndai yerk buat tutor..bagus2..=)

Ibnushukran said...

tutorial y bagus cik.. :)

CikTeddyCorner said...

kim: tennQ ^^

ibnushukran: thanks ibnu^^