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 Widget5. 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'>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='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>
<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