Tutorial : Sidebar Title #Style 1.
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.
2 Comments