Tutorial Bina Blog: Double underline

Sebelum:

Selepas:

Untuk trick kali ini, font yang korang underline dalam post, akan di setkan kepada double line seperti dalam preview di atas. Menarik kan? jom cuba!

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod

/* Header

4) Kemudian copy kod di bawah, dan paste SEBELUM / DI ATAS kod /* Header tadi

u {
text-decoration:underline;
border-bottom: 2px dotted #FF0080;
padding: 0px;
}

Contoh:

u {
text-decoration:underline;
border-bottom: 2px dotted #FF0080;
padding: 0px;
}

/* Header
-------------------------------------------------------------------------------- */

Nota:
2 - Tebal garisan
dotted - jenis garisan, sama ada dotted atau solid
FF0080 - Warna garisan. Korang boleh tukar kepada kod warna yang korang suka. Rujuk kod warna di bawah:
( untuk paparan lebih besar, klik di sini)

5) Lepas dah tukar, klik preview, jika tiada error, klik save template dan lihat hasilnya.

Selamat mencuba! :)

Special: