Cuppylicious

Owner Stuff Entry

Tutorial : Double underline
Jumaat, 22 Jun 2012 | 3:47 PG | 0 budak suka cupcake + pink
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.

Klik sini

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

Selamat mencuba! :)





|
Photobucket
Annyeonghaseyo earthlings~ I am an alien. Follow this blog yaw!
So, you can always visit my tutorial~