Cara Membuat Header Menjadi Dua Kolom Pada Template Baru

Jika sobat berminat untuk membelah header menjadi dua kolom
Ikuti cara dibawah ini !
Login ke akun Blogger milik Sobat > Tata Letak > Edit HTML. 
Cari kode seperti dibawah ini :

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

Lalu hapus kode tersebut
Dan gantikan dengan kode dibawah ini

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

Tahap selanjutnya cari kode dibawah ini

<div class='region-inner header-inner'>

Dan tambahkan kode kode dibawah ini

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

 Hingga menjadi seperti kode dibawah ini
<div class='region-inner header-inner'>
<b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
Simpan / Selesai.

Related Post