12.5.11

TUTORIAL : COLORFUL LINK HOVER

SELAMAT PAGI & SELAMAT HARI KHAMIS.. :)

haa.awal kan solehah bangun..hehehe..korang tak baik tau bangun lambat2..lagi 
anak2 dara tuu.hehe..tengok solehah..awal gile kan bangun..??nasib baik tak gilee sangat..kehkehkeh.. :) okei2.tengah reply2 komen2 tadi..ada sorg yg request 
tutorial..nak buat link hover..err..tak tau??alaa..yg link2 ada background begerak 
gerak tu..haha..dulu..solehah ada buat jugak..tapi sekarang takda lagi dahh.. :) 
okei..yg blom buat tu..korang ikut step by step okei :)

LANGKAH 1
  • mula mula..pegi DASHBOARD > DESIGN > EDIT HTML..

LANGKAH 2
  • dah??korang carik koding yang mcm nie.. ctrl + F lagii senang,..hehe
a:hover {


LANGKAH 3
  • dah jumpa??korang akan nmpak/mungkin jumpa koding yg mcm nie..
           a:hover {
              color:#000000;
              text-decoration:underline ;  
            }


LANGKAH 4
  • so..korang gantikan koding di line ke dua..& ke tiga dengan koding yg nie..
background: url ( URL IMAGE KORANG );

  • jadi..akan nmpk mcm nie.hehe..
        a:hover {
         background: url (http://dl10.glitter-graphics.net/pub/590/590940trx4idmwj8.gif );
         }


LANGKAH 5
  • dahh..siap pun.hehe..SILA SAVE..korang try la letak cursor kt mana2 link dlm blog tu..hehe


LANGKAH 6

p/s : title post tu..sukasuki je solehah buat.haha.. k daa..nk smbg tido.. :)

4 comments:

faizlaster said...

tak paham r..link hover yang mane ek..hehehe

♥ solehah ♥ said...

@faizlaster

adeh..tngok je lah blog yg kiut2 tu..
bnyk yg guna..letak je cursor kt header..ade efek hujan laa..efek love laa..hehe..sudah phm ??

nuna najat said...

x da effect ap2 un...header 2 ad kt mna ?

Syahirah Najihah said...

Kalau pakai denim template boleh pakai link hover ? code same je ea ?

 
Design by AH|SW |Empayar Bintang Tiga 2013