Cara Menambah 3 Kolom di Bawah Header
Sebelumnya saya pernah memuat artikel tentang Cara Menambah 1 Kolom di Bawah Header dan Cara Menambah 2 Kolom di Bawah Header. Sekarang saya akan mencoba menambah 3 kolom di bawah header.
Trik ini tentu saja untuk menambah ruang di template untuk penempatan berbagai macam widget. Terutama penempatan banner iklan. Bagaimana cara membuatnya?
Cara Menambah 3 Kolom di Bawah Header:
- Login ke akun Blogger
- Pilih Template >> Edit HTML
- Copy-paste script berikut di atas kode ]]></b:skin>
- Lalu copy-paste script di bawah ini di atas kode <div id='main-wrapper'>
- Simpan Template. Cek di Tata Letak dan lihat perubahannya.
#tiga-kolom-dibawah-header {
clear:both;
}
.tiga-kolom {
}
<div id='tiga-kolom-dibawah-header'>
<div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='tiga-kolom' id='kolom1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom2' style='width: 35%; float: center; margin:0; text-align: left;'>
<b:section class='tiga-kolom' id='kolom2' preferred='yes' style='float:center;'/>
</div>
<div id='kolom3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='tiga-kolom' id='kolom3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
No comments