link hover unik

Saturday, October 27, 2012


annyeonghaseyo...





ayee!!there!what a nice day right?haha,korang hari ini julia nak teach korang pasal tutorial membuat link hover yg unik sedikit-nice
haha..ok,
korang nak tau??ok,mari kite mulakan:


1.log in-->dashboard-->design-->editHTML-->tick expand widget


2.korang search kod kat bawah ni(tekan CTRL+F)




a:hover {


3.dah cari,lepas tu korang copy kod kat bawah ni dan pastekanyer katBAWAH kod tu tadi,tapi kalau korang ade buat link hover yg lain,korang padam kod lama tu dan gantikan denagn yg baru nih:




a:hover {color: #ffffff;background:#fa5ca3;text-decoration:none;border: #ffffff 2px dashed;padding:3px 5px;-moz-border-radius:10px;}


4.ok,kalau korang nak mencantikkan lagi link hover korang sini:

merah : korang tukar font warna tuh denagn warna yg lain,boleh ambil kat SINI

oren: korang bolehlah tukar dengan jenis boder yg korng suke(dashed/dotted/solid)yg kod warna tupon korang boleh tukar,itu bahagian colour border korang

purple:korang tukar dengan warna kod korang bagi background die

hijau:yg tu penting!x nak ubah pon x pe!


oklah,kalau dah paham,!
harap berjaya