Cara Menambah 2 Kolom di Bawah Header

Sebelumnya saya pernah memuat artikel tentang Cara Menambah 1 Kolom di Bawah Header. Sekarang saya akan mencoba menambah 2 kolom di bawah header

 

Trik ini bisa menambah opsi untuk penempatan berbagai macam widget/ gadget. Bagaimana cara membuatnya?

Cara Menambah 2 Kolom di Bawah Header:

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

#dua-kolomheader {
clear:both;
}
.dua-kolomheader {
}

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

<div id='dua-kolomheader'>
<div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='dua-kolomheader' id='kolom1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='dua-kolomheader' id='kolom2' 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 2 Kolom di Bawah Header. Jika mencari artikel serupa, silahkan cek di bawah ini: