Tutorial : Sidebar Title #Style 1.

by - 4:00 PTG



Tumblr_mgsr20kxwh1qm8abco1_r1_500_large

Assalamualaikum :)

Hari nie nak buat tuto coz ada seorang adik nie mintak tunjukkan cara nak buat sidebar title macam blogskin arrien nie.. First arrien creditkan kepada tuan punya blogskin yang arrien guna nie :)


Template Designer
1. Dashboard > Template > Edit HTML
2. Next, tekan Ctrl+F dan cari code .sidebar h2 { atau kalau tidak jumpa cari tempat code sidebar korang. (Coz template selalu jenis lain-lain)
3. copy code bawah nie.

letter-spacing:2px;
font:11px thestarsthatshineabove;
color:#ffffff;
background:#FFE8E8;
padding:4px;
text-align: center;
border-bottom:5px solid #E1F5F4;
border-radius:10px 10px 0px 0px;
text-shadow: 1px 1px 2px gray;
color:white;
}

4. Pastekan di bawah  code yang dicari tadi.
5. Preview and save.

Template Classic/Blogskin. 
1. Dashboard > Template.
2. Cari code sidebar title korang.
3. Copy code dibawah.

letter-spacing:2px;
font:11px thestarsthatshineabove;
color:#ffffff;
background:#FFE8E8;
padding:4px;
text-align: center;
border-bottom:5px solid #E1F5F4;
border-radius:10px 10px 0px 0px;
text-shadow: 1px 1px 2px gray;
color:white;
}

4.Pastekan bawah code sidebar title korang.
5. Preview and save.


Note:
Pink : Code Warna background.
Biru : Code warna bawah yang kecil tu. 




You May Also Like

2 Comments