Tutorial:Underline Hover


Assalamualaikum and annyeonghaseyo.
Biasanya korg buat unerline sahaja kan?tapi yang ni dia berserta dengan hover.Mksdnya bila cursor tu menyentuh underline, ia akan berubah.Ha! tak pandai nk explain xD.Jom cuba.

1.Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2.Press Ctrl + f serentak.cari code ni  /* Header
3.Lepas tu, copy code dekat bawah ni
 u {
text-decoration:none;
border-bottom:
2px solid #FFFFFF;
padding: 0px;
}
u:hover {
text-decoration:none;
border-bottom:
2px dotted #FFFFFF;
padding: 0.1px;
}
4.Then paste dekat atas code  /* Header tadi.
5.Preview & save.

Note kaki:
Merah:Code warna. bole cari dekat SINI
Biru: solid / dotted / dashed
Oren: Ketebalan underline