Nambah 2 Kolom dan 3 Kolom dibawah Header


Sobat Blogger semuanya... kalo anda tertarik nambahin 2 KOLOM atau 3 KOLOM dibawah header seperti punya Blog Progress, nah ikuti tahapannya seperti dibawah ini:

1. Login Ke Blogger.com
2. Kemudian Masuk Ke Tab Tata Letak/Rancangan
3. Dan Masuk lagi ke Edit HTML
4. Centang Expand Widget
5. Copas kode berikut diatas kode ]]></b:skin>

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

Bagi yang mau nambahin 2 KOLOM  dibawah header kode dibawah ini di-cpy, trus ditarok atau dipaste-kan  di atas kode <div id='main-wrapper'>
<div id='box-main-container'>
<div id='box1' style='width: 50%; 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: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
Atau sobat mau nambahin 3 KOLOM dibawah header seperti punya Blog Progress. klo sobat mau seperti itu kopy kode dibawah ini di atas kode <div id='main-wrapper'>
<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>

Sekarang blog sobat udah bisa nambahin Recent Postingan, Buku Tamu, Recent Komentator, atau Profil, atau iklan dan lain-lain.. Sesuka sobat blogger ajagh...
Terakhir Hasilnya DISIMPAN.. Trus liat perubahan dari sebelumya...
Keren ga.??
he, he,




Jika sobat semuanya mau merubah ukuran lebar tinggal ganti aja angka yang 50%, 30%, 40%, menjadi ukuran yang sobat inginkan.
Jangan lupa tinggal komentar atau masukan buat "blog progress" yach..

No comments:

Post a Comment