SMOOTH UNDERLINE HOVER

Assalamualaikum readers and bloggers. Haapy Saturday. Dah mula cuti sekolah kan,ha sebulan cuti. Korang ade plan nak pergi mane-mane ke ? :D .
Hari nih amy nak ajar korang buat smooth underline . ni style baru punya:)

SEBELUM

SELEPAS

1) Dashboard->design->edit html->tick expand widget(penting)

2) Tekan ctrl+f dan cari code ini:

u {

3) Jumpa ? oke,good:).then, copy code ini:

text-decoration: none; color: #000000; border-bottom: #F5A9D0  2px solid; } u:hover { text-decoration: none; color: #000000; border-bottom: #000000 2px dotted; }

4) Lepas tu,paste dekat BAWAH code yang korang cari tadi tu ye.

5) Preview dulu, baru save ye .

NOTA KAKI:

1. Biru-code warna untuk tulisan.
2. Kuning-code warna untuk underline.
3. Hijau-Jenis-jenis garisan, boleh tengok SINI kalau nak tahu jenis-jenis garisan.

Selamat mencube:)Lastly, click SINI.

---

Thank you for reading

---

Tweet