Monday, April 25, 2011

TUTORIAL : LINK HOVER

Assalamulaikum sume .. 
dah lame kan putry tak buat tuto . .
okey , arini putry nak wat tuto pasal link hover . 
korang tahu kan ape tue link hover . ?
tengok contoh kat bawah nihh . .

*
*

nampak tak ? nampak tak ?
yang macam hujan tuhh. .
yang tue la yang dimaksudkan dengan link hover . .
korang nak wat . ?
jom follow step nihh . 

1 . Log in > Design > Edit HTML .

2 . Then , korang cari code nihh . 

a:hover

3 . Then , korang paste kan code kat bawah nihh dekat bawah kod a:hover . 

color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat; text-decoration:underline;

4 . then , korang gantikan tulisan biru tuhh dengan link yang korang suke . 

dekat bawah nie , putry ade bagi beberape contoh link hover yang korang leh gune kan .







http://www.glitter-graphics.com/images/empty.gif





http://www.glitter-graphics.com/images/empty.gif



http://www.glitter-graphics.com/images/empty.gif



http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif
5 . Tekan PREVIEW dulu , kalau dah puas hati . save je okey .

p / s : selamat mencube . . kalau tak jadi , gtaw putry ye . :)

3 comments:

  1. sis...nk amik tutorial nieh.. bulerh? n letak kat my blog... but.. credit to you laa k.. :)

    ReplyDelete
  2. oke2.... :) tq yupp.. pas nieh.. ramai laa my fwen dtg ke blog sis.. ahhha :)

    ReplyDelete