Cara Membuat Tiga Kolom Di Bawah Header

Masih sama seperti postingan saya sebelumnya yaitu cara membuat dua kolom di bawah header
Kali ini akan membahas cara membuat tiga kolom di bawah header

Masuk ke Akun blogger kamu

Masuk ke Edit Html

kemudian centang expand template widget

Cari kode ]]></b:skin>

Kemudian copy kode di bawah ini dan pastekan di atas kode ]]></b:skin>

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

Lanjut dengan mencari kode <div id='main-wrapper'> dan copy kode di bawah ini di atasnya

<div id='box-main-container'>
<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

Simpan template . .