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:

1. Login ke akun Blogger
2. Pilih Template >> Edit HTML
3. Copy-paste script berikut di atas kode ]]></b:skin>

#tiga-kolom-dibawah-header {
clear:both;
}
.tiga-kolom {
}

4. Lalu copy-paste script di bawah ini di atas kode <div id='main-wrapper'>

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

5. Simpan Template. Cek di Tata Letak dan lihat perubahannya.

Itulah sekilas pengetahuan saya tentang Cara Menambah 3 Kolom di Bawah Header. Jika mencari artikel serupa, silahkan cek di bawah ini:

Artikel Terkait

Cara Menambah 3 Kolom di Bawah Header

4/ 5

Oleh Bonita Benz