TUTORIAL: Sidebar Title


Bismillahirrahmanirrahim.. 


Say 'HI' sikit :) Zharif baru je siap edit sidebar orang so, Zharif teringin nak buat TUTO la .Sidebar ni agak simplekan *kata blog famous .Hehe .Mari kita buat Tuto :) :-) 


Haaaa ni dia sidebar tu kalau berkenang boleh laa ikut.Kalau tak berkenang pi main jauh-jauh *hehe .

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 ^ ^

2 comments:

 
Template design by Adam Faiz