Cara Membagi Header Blog Menjadi Dua Bagian Keren

Tips Kali ini saya akan membagikan Cara Membagi Header Blog Menjadi Dua Bagian Keren  , Mungkin ini tidaklah terlalu berpengaruh kepada blog , namun setidaknya kita sudah mengetahui ilmu , karena tidak ada yang lebih penting di bandingkan ilmu , 

Pada Trik Kali ini yaitu Cara Membagi Header Blog Menjadi Dua Bagian Keren Saya memberikan Cara lengkapnya :

Tutorial berikut ini akan memandu bagaimana cara membagi header blog menjadi dua bagian, sebelah kiri untuk nama/logi dan kanan untuk banner atau iklan --biasanya berukuran 468px.

So... this is about How to Divide Blogger Header In Two Parts. Ini caranya:

LANGKAH PERTAMA
1. Template > Edit HTML
2. Cari (Ctrl+F) kode yang penampakkannya seperti berikut ini:

<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

3. Copy & Paste kode berikut ini di antara kode </b:section> and </div>

<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

Hasilnya seperti ini:

<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
</div>
</div>

4. Copy + Paste kode berikut ini di atas atau sebelum kode ]]></b:skin>

#header, body#layout #header {width:300px;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:468px;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}

Catatan:
Angka 300 (untuk space nama blog/logo di kiri) dan 468 (untuk space iklan di kanan) bisa diubah. Kalau ragu, biarkan seperti itu.

5. Save template!