Cara Menambah 1 Kolom di Bawah Header

Apa fungsi menambah kolom di bawah header? Biasanya untuk blog yang sudah mulai dikomersilkan kolom ini sangat strategis untuk ditempati iklan.

 

Selain itu bisa menambah opsi lain untuk penempatan berbagai macam widget. Lihat contoh gambarnya di bawah ini:

Tertarik untuk membuatnya? Bagaimana caranya?

Cara Menambah 1 Kolom di Bawah Header:

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

#under_header{
margin:10px 0;
padding:1%;
width:98%;
}

4. Lalu cari kode yang mirip dengan kode di bawah ini:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>

5. Copy-paste script berikut di bawah kode di atas:

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>

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

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