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