Tutorial Blog | Cara buat link hover comel

Salam to all readers

Ada blogger tanya dil, macam mana nak buat header yg bila sentuh dengan cursor, akan keluar hujan, keluar bunga-bunga cantik.. Actually, itu adalah link hover..Bukan setakat tu aja, bila korang sentuh link, dia akan keluar jugak..


Yang ni, adalah contoh yang ada dekat blog dil..Bila sentuh header, keluar love banyak-banyak.. *jiwang..hiii

Sila tekan button READ THIS untuk melihat tutorial Link Hover Comel

Step 1 :


Pergi dekat Dashboard > Design > Edit html > tick Expand Widget Templates


Tekan Ctrl+F untuk cari code ini

]]></b:skin>

Step 2

Copy code kat bawah ini dan letakkan sebelum code step 1

a:hover

{color:#000000; 

background:url(URL HOVER COMEL);

background-repeat:repeat;text-decoration:none

}

Cuba preview.. Kalau tak ada error, boleh la tekan button save dengan senang hati..^^

Tips:

• Kalau tak menjadi cara kat atas ni, korang boleh la, bukak template designer > Advanced >Add CSS.. Korang paste kan code ini kat situ..pastu save..

a:hover{

color:#000000; background:url(URL HOVER COMEL);

background-repeat:repeat;

text-decoration:none

}

• Kalau cara ni pun tak menjadi, korang pergi dekat Dashboard > Design > Edit html > tick Expand Widget Templates, korang cari code ini 

a:hover{

• Kalau dah jumpa, korang paste kan code yang ni, dibawah code tadi..Kemudian save..

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

Kat bawah ni, dil ada sediakan bermacam-macam jenis hover comel untuk korang..Pilih jer yang mana korang suka okay..^^

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif

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

http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif

http://dl2.glitter-graphics.net/pub/738/738322z0khilo37b.gif

http://i870.photobucket.com/albums/ab268/nieysalova95/ilovecandyfloss/gg4.gif

http://dl10.glitter-graphics.net/pub/590/590940trx4idmwj8.gif

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

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

http://dl4.glitter-graphics.net/pub/1175/1175324v8vs8exzv3.gif

http://dl2.glitter-graphics.net/pub/714/714992j6v84lbn4k.gif

nota kaki :

Tak menjadi?

Boleh tanya dil nanti..^^