2. Klik tata letak atau layout
3. Pilih Edit HTML
4. Backup data terlebih dahulu, caranya pilih : Download Template Lengkap
5. Centang Expand Template Widget
6. Kemudian cari kode ]]></b:skin>
7. Letakkan kode berikut ini di-atas-nya
#sekawan brder :1px solid #000000; -moz-border-radius :10px; margin : 0 0 10px 0; } #sekawan-wrapper { Margin : auto; Padding : 0px 0px 20px 0px; Width : 960px; Background : #ffffff; -moz-border-radius-bottomleft :10px; -moz-border-radius-bottomright :10px; -webkit-border-bottom-left-radius :10px; -webkit-border-bottom-right-radius :10px; } #sekawan-wrapper { Float : left; Margin : 0px 0px 0px 0px; Padding : 10px 0px 0px 0px; Width : 25%; text-align : justify; font-size :100%; color : #ffffff; line-height: 1.6em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .sekawanbar { Margin : 0; Padding : 0; } . sekawanbar .widget { Margin : 0; Padding : 10px 20px 0px 20px; } . sekawanbar h2 { background : #ffffff; -moz-border-radius-bottomleft : 6px; -moz-border-radius-bottomright : 6px; -webkit-border-bottom-left-radius : 6px; -webkit-border-bottom-right-radius : 6px; Margin : -10px 0px 10px 0px; Padding : 3px 0px 3px 0px; text-align : center; color :#ffffff; font-size :20px; font-weight :bold; text-transform :sekawancase; } . sekawan bar ul { Margin : 0px 0px 0px 0px; Padding : 0px 0px 0px 0px; list-style-type : none; } . sekawan bar li { Margin : 0px 0px 2px 0px; Padding : 0px 0px 1px 0px; border-bottom :1px dotted #000000; } . sekawanbar a { Color : #0000ff; text-decoration : none; } . sekawanbar a :visited { text-decoration : none; color : #0000ff; } . sekawanbar a :hover { text-decoration : underline; color : #ff0000; } |
Silahkan edit atau ganti kode CSS diatas sesuai dengan selera anda, untuk menyesuaikan tampilan kolom dan warna dengan template blog anda.
8. Cari kode seperti dibawah ini
<div id='footer-wrapper'> |
9. Letakkan kode berikut ini di atas kode tadi
<div id='sekawan'> <div id='sekawan-wrapper'> <div id='sekawanbar-wrapper'> <b:section class='sekawanbar' id='sekawanbar1' preferred='yes'> </b:section> </div> <div id='sekawanbar-wrapper'> <b:section class='sekawanbar' id='sekawanbar2' preferred='yes'> </b:section> </div> <div id='sekawanbar-wrapper'> <b:section class='sekawanbar' id='sekawanbar3' preferred='yes'> </b:section> </div> <div id='sekawanbar-wrapper'> <b:section class='sekawanbar' id='sekawanbar4' preferred='yes'> </b:section> </div> <div style='clear: both;'/> </div> </div><!-- end sekawan-wrapper --> |
10. Save Template... SELESAI.
--- oOo ---
