Sebelum:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhglxP39ueY8fnkymZuYX_NuxYLmbwez8Ot1JD8qxx-8cf6-mQCVVpJywnJO5IhX5Yvo3t45SU8YxNBVWhfYClBPnuQcCze54vJvP2672Ehiz_a3D4xowbYluVP8oj255MJN0YbOy3Q8-I/s400/sebelum.png)
Selepas:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnRhChi1SyH610-Dg0YHkvCVs1c4BzB3It0bpNUYqoOY58ILWgHI6AEpOVhkI5ueKIOjztBLhJSP3CO8nnWaArJszxp8OwZgeH8XwdKRYxFoXTjix-lAqqMoh6R4BsJpNnD973sSM2szA/s400/selepas.png)
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:
0 komen budak comel:
Post a Comment