Friday, July 30, 2010

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


tiga kolom di bawah header blog info


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