Thursday 29 November 2012

TUTORIAL: Sidebar Title

Hi There...

Selamat Malam. Kali ni mau share lagi tutorial untuk kamurang. Hihi... Hari tu ada blogger yang request macam mana buat sidebar title macam yang ada di blog saya sekarang ni... Sebenarnya simple saja ne. Hehe... 


(sidebar title tu macam ni bentuknya ^ ^)

 *New Blogspot Dashboard :) 

1. More Options > Template > Edit Html > Proceed.
2. Tekan F3 untuk cari code :
.sidebar h2 {

3. Then, delete anak-anak code di bawah .sidebar h2 { .
Bagi yang belum edit, anak-anak code tu macam ni:
 margin: 1.6em 0 .5em;
 padding: 4px 5px;
 background-color: $sidebarTitleBgColor;
 font-size: 100%;
 color: $sidebarTitleTextColor;  
-dan kalau ada code sidebar title sebelum ni, delete jea.
- Jangan delete simbol ( } ) nii yeaa.. heehe

4. Copy Code di bawah ni dan Pastekan  di bawah code .sidebar h2 {
 -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
margin: 1.6em 0 .5em;
padding: 5px;
background: #FFFFFF;
border-bottom: 4px solid #FFFFFF;
text-align: center;
font-size: 14px;
font-family: Century Gothic;
5.  Customize lah ikut pilihan kamu :)
 * Warna Background
 * Warna garisan di bahagian bawah.
>>CODE WARNA boleh cari SINI

6. Tekan Preview dulu, kalau  takda ERROR dipersilakan SAVE ! hihi

Menjadi takk? Jangan Lupa letak Komen ehhh ^ ^