Cara Menambah Elemen 1 Kolom Dibawah Header

Selanjutnya kita bahas cara menambah atau membuat Elemen 1 Kolom dibawah Header pada Blogspot. Jika anda memerlukan tambahan 1 Kolom dibawah Header, untuk memasang banner atau widget lainnya, anda bisa gunakan tips cara menambah atau membuat Elemen 1 Kolom dibawah Header berikut ini.

Cara Menambah 1 buah Kolom dibawah Header pada Blogspot:

1. Masuk ke Template > Edit HTML > Lanjutkan
2. Cari kode ]]></b:skin>
3. Letakkan kode berikut ini, diatas kode ]]></b:skin>

#satu_kolom-header {margin:10px 0;padding:1%;width:100%;}

4. Lalu cari kode berikut:

<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. Letakkan kode berikut ini setelah kode diatas.

<div id="satu_kolom-header">
<b:section class='header' id='satukolomheader' preferred='yes'/>
</div>

6. Susunannya akan menjadi seperti 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>

<div id="satu_kolom-header">
<b:section class='header' id='satukolomheader' preferred='yes'/>
</div>

7. Simpan template, selesai.

Demi keamanan, silakan anda backup (simpan) dulu kode template anda. Semoga sukses.