cara membuat header blog Menjadi 2 kolom

Tips trik blog kali ini akan mengupas masalah pertanyaan tadi malem dari seorang sobat KBM (komunitas blogger madura) yang nanya sama saya lewat chat FB. Kalo pertanyaan sobat KBM sebelumnya dari psykopat adalah Cara Membuat Stripe-Ad. Sekarang giliran sobat wahyoe "cara buat header menjadi 2 kolom seperti blog mas bagaimana?" kira-kira begitu pertanyaanya. Tanpa basa basi, q coba bantu dia dengan menggunakan template yang dipake dia karena sebelumnya dia gak bisa katanya, dan akhirnya alhamdulilah berhasil.

So, kalo sobat punya inisiatif seperti sobat wahyoe, langkah-langkah membuat header blog Menjadi 2 kolom sebagai berikut :
1. Login ke blog sobat
2. Klik Rancangan >> Edit HTML
4. Jangan lupa centang Expand Template Widget
5. Silahkan sobat cari kode yang mirip dengan kode di bawah ini

/* Header */

#header-wrapper {

width:960px;

margin:0 auto 0px;

background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;

height:180px;

}

#header-inner {

width:900px;

background-position: center;

margin-$startSide: auto;

margin-$endSide: auto;

}

#header {

margin: 0px;

text-align: left;

color:$pagetitlecolor;

}

6. Kalo sudah silahkan hapus kode tersebut dan ganti dangan kode di bawah ini

/* Header */

#header-wrapper {

width:960px;

margin:0 auto 0px;

background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;

height:180px;

}

#head-inner {

width:480px;

background-position: left;

margin-left: auto;

margin-right: auto;

float:left;

}

#header {

margin: 0px;

text-align: left;

color:#FFFFFF;

}

#r_head {

width:480px;

float:left;

padding-top:10px;

}

7. Kemudian sobat cari kode seperti ini di bawah ini

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title=' Blog (Header)' type='Header'/>

</b:section>

</div>

8. Silahkan hapus kode tersebut dan ganti dengan kode di bawah ini

<div id='header-wrapper'>

<div id='head-inner'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Blog (Header)' type='Header'/>

</b:section>

</div>

<div id='r_head'>

<b:section class='header' id='header2' preferred='yes'/>

</div>

</div>

9. Silahkan simpan template

OK. sampai di sini dulu cara membuat header Menjadi blog 2 kolom semoga bermanfaat dan semoga berhasil