Membuat Kolom Sidebar

Mungkin sebagian blogger ada yang belum paham bagaimana cara membuat kolom di sebelah postingan, ini hanya sebatas review saja untuk mengetahi bagaimana cara menaruh code tersebut didalam blog anda itu. Untuk melihat bagaimana cara membuatnya, silahkan perhatikan tahapan dibawah ini dengan seksama agar tidak terjadi kesalahan ketika membuatnya.

Taruh code CSS ini diatas kode ]]></b:skin>

/************************************************
* Kolom Kanan *
************************************************/
#kolom-kanan {
background: #e0d5c2;
float: left;
width: 335px;
margin: 5px 5px 10px 5px;
font-family:Arial,Helvetica,Sans-Serif;
font-size:12px;
font-weight: bold;
color: #000000;
-moz-border-radius:12px;
}

#kolom-kanan h2 {
background: #fff url(#);
color: #e0d5c2;
font-family: Helvetica,Arial,Sans-Serif;
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding: 5px;
-moz-border-radius:12px;
}

#kolom-kanan p {
padding: 0px 0px 0px 0px;
margin: 0px;
line-height: 20px;
}

#kolom-kanan ul {
list-style: none;
margin:0 0 10px 0;
padding:0;
}

#kolom-kanan ul li {
list-style: none;
margin:0;
padding:0 0 0 18px;
}
#kolom-atas1{
background:#FFFFFF;
width:315px;
margin:5px 0 0 0;
padding: 0px;
float:center;
border-bottom: 1px dashed #efefef;
}
.kolom-kiri1 {
background:#FFFFFF;
width:145px;
color: #000000;
margin-bottom:5px;
padding-bottom:5px;
padding-top:5px;
float:left;
}
.kolom-kanan1 {
background:#FFFFFF;
width:140px;
color: #000000;
margin-bottom:5px;
padding-bottom:5px;
padding-top:5px;
padding-left:5px;
float:right;
}
#kolom-bawah1{
background:#FFFFFF;
width:315px;
margin:5px 0 0 0;
padding: 0px;
float:center;
border-top: 1px dashed #efefef;
}

ganti width, background dll sesuai template anda

setelah itu masukan code ini

<div id='kolom-kanan'>
<b:section class='kolom-atas1' id='kolom-atas1' showaddelement='yes'>
<b:widget id='HTML1 locked='false' title='' type='HTML'/>
</b:section>
<b:section class='kolom-kiri1' id='kolom-kiri1' preferred='yes' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
<b:section class='kolom-kanan1' id='kolom-kanan1' preferred='yes' showaddelement='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>
<div id='kolom-bawah'>
<b:section class='kolom-bawah1' id='kolom-bawah1' showaddelement='yes'>
<b:widget id='HTML4 locked='false' title='' type='HTML'/>
</b:section>
</div>


yaitu setelah code

<div id='content'>
<div id='contentleft'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
<div style='clear:both;'/>
</div>

kadang ada yg bernama content1 ,wrapper1 dll

selamat bereksperimen..