SPONSORED BY :

SUPPORTED BY :

Minggu, 06 Februari 2011

Membuat 5 kolom di bawah header

Ikuti langkah langkah berikut ini :

1.Login ke akun blogger dashboard
2.Klik layout (tata letak)
3.Cari kode yang seperti ini ]]></b:skin>
4.Copy paste kode dibawah ini dan simpan di atas kode tadi

by tony



#box-main-container {www.asepcanda.com)=============/
    clear:both;
    }
    .box-column {
    padding:0px 10px 10px 10px;
    border:1px dotted $bordercolor;
    /==========www.asepcanda.com===========////////////
    }



5.Cari kode yang seperti ini <div id='main-wrapper'>,
6.Copy paste kode dibawah ini dan simpan tepat di bawah kode tadi

    <div id='box-main-container'>
    <div id='box1' style='width: 20%; 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: 20%; 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: 20%; float: left; margin:0; text-align: left;'>
    <b:section class='box-column' id='col3' preferred='yes' style='float:left;'/>
    </div>
    <div id='box4' style='width: 20%; float: right; margin:0; text-align: left;'>
    <b:section class='box-column' id='col4' preferred='yes' style='float:right;'/>
    </div>
    <div id='box5' style='width: 20%; float: right; margin:0; text-align: left;'>
    <b:section class='box-column' id='col5' preferred='yes' style='float:right;'/>
    </div>
    <div style='clear:both;'/>
    </div>

7.Save template beres dech