Cara Membagi Header Blog Menjadi Dua Kolom

Tampilan default header di layout blog pada dasarnya hanya berjumlah satu kolom saja, dimana berada tepat dibawah widget navigation bar dengan posisi memanjang horisontal, tapi ada pula kolom header yang terdiri dari 2 (dua) bagian yang perlu disetting dengan cara manual.

Pada settingan secara manual yaitu dengan melakukan perubahan script di edit HTML, dan agar lebih jelas berikut ini langkah-langkah penerapan settingan manual membagi atau membuat header blog menjadi 2 (dua) kolom bagian. Sebelumnya akan lebih baik bila backup script template terlebih dahulu, jika nantinya ada kesalahan dapat dikembalikan pada tampilan semula.

1.  Login di akun blogger Anda.
2.  Pada menu Template, klik Edit HTML => Edit Template dan cari
     kode script dibawah dengan menekan tombol Ctrl+F, setelah itu
     hapus kode scriptnya :

.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none

3.  Ganti kode diatas dengan kode script dibawah ini :

.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 150px; /* untuk mengatur tinggi header (height) */}
#header {
width: 50%; /* untuk mengatur lebar header kiri - title, description, image */
margin-right: 10px;float: left; }
#bgsGR_headerkanan {
float: right;
width: 50%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;}
#bgsGR_headerkanan .widget {margin: 3px;}

4.  Selanjutnya cari kode <div class='region-inner header-inner'>
     dan copy kode script dibawah, tepat disamping kanannya.

<b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

Baca Juga : Cara Membagi Headar Blog Menjadi Tiga Kolom