Tutorial : Underline Like Me

Tumblr_m26claysg01qbpiowo1_500_large_large

Assalamualaikum and annyeong. Hari ni tieqa nak buat tuto yang di-request oleh adik Anis. Before that., credit to the owner of this skin first. Ok let's start!


Template Designer

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2. Press Ctrl + f serentak dan cari code u {
3.Kalau takde copy code u { dan paste atas /* Header


Template Classic / Blogskin

1. Dashboard > Template
2. Press Ctrl + f serentak dan cari code u {
3. Lepas tu copy code dekat bawah ni

u {
text-decoration:none;
color:#CCC;
padding: 3px;
line-height: 10px;
border-bottom: 2px solid #99E0FF;
-webkit-transition: 0.5s;
}
u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}

4. Paste di bawah code tadi
5. Preview & save



hijau : ketebalan underline
biru : solid / dotted / dashed
merah : warna underline

5 comment [s]:

Diqdyna Wardyna said...

Kaq Cmne Nak Buat... Bile dah letak tuto ni
cmne nk bg dier ade??

Nurul Atiqah said...

pegi dekat post. Then tgk dekat bahagian atas sekali. Cari simbol "U". Hope dpt bantu :)

♥ Anis said...

tenkiu :) lama dah cari tutor ni.

Nurul AtiQah said...

@♥ Anis : U're most welcome :)

Jihan Insyirah said...

not done yet, DX