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 :
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
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;}
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
