Membuat 3 Kolom Di Bawah Header

Kali ini akan memposting cara membuat 3 kolom di bawah header..

seprti blog akang rohman ini Kang Rohman sekali backlink gratis xixix ^^a

oke langsung aja ikuti tutorial ala TM eheheheh..

1. Pada dasbor klik Tata Letak=> Edit HTML=> Cari kode berikut ]]></b:skin> jika sudah dapat, letakkan kode berikut diatasnya:

#box-main-container {

clear:both;

}

.box-column {

padding:0px 10px 10px 10px;

border:1px dotted $bordercolor;

}

2. Kemudian cari kode <div id='main-wrapper'> setelah dapat letakkan kode beikut diatasnya :

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

3. Simpan template dan lihat hasilnya, jika sukses maka akan ada 3element lagi dibawah header kamu seperti gambar dibawah ini:




selamat mencoba..! Moga bermanfaat dan sukses ^_^

Terima Kasih atas kunjungannya....! Jangan lupa komentar dan FOllow...!

Credit : Info

Posted in: Tutorial Blog