Tutorial Link Hover

Assalamualaikum.. 
wahh!! rindu gila nk update blog.. sory la okie.. 
hana busy nk buat preparation for .......
hahah.. ermm.. 
tanpa buang masa. hana nk ajar korang buat link hover
taw tak ape tuh???
cuba korang ltk cursor korang kt mne2 link kt site hana nie..
ada something kt blakang dia
tak percaya? tgk la sendiri~ 

OKIE~
hana da nk start nir. tgk baik2 okie.. 

1- Dashboard > Design > Edit Template.
   * korang mestilah backup korang punya tmplate dulu yerp, takut tibe2 x menjadi. *

2- Korang carikk pulak kod nie , tekan CTRL+ F  ( serentak yerp) 

    a:hover {
3- da jumpa belum? fine, lepas tu korang copy pulak kod bawah nie. 

    color:$titlecolor; background:url(URL IMAGE) ;background-repeat:  text-decoration:none;}

4- korang copy bawah yg  a:hover { 
    code korang akan jadik camnie.

a:hover {color:$titlecolor; background:url(URL IMAGE) ;background-repeat:  text-decoration:none;}     
5-  url image tu korang ganti la dengan gambar2 yg korang berkenan yerp..  


http://dl5.glitter-graphics.net/pub/602/602355k2suf9v03y.gif



http://dl5.glitter-graphics.net/pub/745/745205jpgum562yd.gif




http://dl3.glitter-graphics.net/pub/737/737933vcerdz08tu.gif


http://dl2.glitter-graphics.net/pub/652/652762f67t5gogwu.gif

2 comments:

  1. hermm...npe sye buat x jdi eak???
    atau sye gne template laen?

    ReplyDelete
  2. @fazreen azreennape pulak tak jdi ep? orang lain buat okie.. cuba buat btol2

    ReplyDelete

hello bloggers!
hope you are enjoying visit my blog
you can ask anything to me~
^_^ hanna ^_^