Membuat dua buah kolom page element dibawah header

Membuat dua buah kolom page element dibawah header

- Copy code dibawah ini, paste diatas kode ini ]]></b:skin>

/* KolomBaru
—————————- */
#kolombaru {
width: 950px;
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background:none;
padding: 15px 0 15px 0;
}
#kolombaru h2 {
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#ff5a00;
font-size: 12px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}
#kolombaru ul {
padding: 0;
margin: 0;
}
#kolombaru ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dotted #fff;
/* border-bottom: 1px dashed #031c5d; */
}
#kolombaru ul li a {
display: block;
padding: 0 10px;
color:#FFFF33;
text-decoration: none;
}
#kolombaru ul li a:hover {
background: #B1ACB1;
}
#left-kolombaru { /* kode kolom kiri */
width: 450px;
float: left;
padding-left:15px;
}
#right-kolombaru { /* kode kolom kanan */
width: 450px;
float: left;
padding: 0 5px 0 15px;
}
- Cari code ini,
<div id=’outer-wrapper’>
<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′>
<b:widget id=’Header1′ locked=’true’ title=’NAMA BLOG ANDA’ type=’Header’/>
</b:section>
</div>

- Letakkan code dibawah ini, tepat di bawah code yang dicari tadi,
<div id='kolombaru'>
<b:section class='kolombaru' id='left-kolombaru'>
</b:section>
<b:section class='kolombaru' id='right-kolombaru'>
</b:section>
</div>

- Save

Catatan:
- Jika template tidak bisa disimpan, tanda petik ('), pada kode diatas dihapus.