Cara Membagi Header Blog Jadi Dua Bagian

UMUMNYA template blog bawaan blogger hanya satu bagian, yaitu buat Nama Blog atau Logo Header doang. Ini dia Cara Membagi Header Blog Jadi Dua Bagian. Satu untuk logo, satu lagi untuk banner iklan atau widget lainnya.

Asalnya Satu Bagian:

Menjadi Dua Bagian:

Cara Membagi Header Blog Jadi Dua Bagian

1. Template > Edit HTML

2. Copas kode berikut ini di atas kode <b:section class='header' ....

<div class='swt-blogheader'>

3. Copas kode berikut ini setelah kode </b:section>

<b:section class='swt-blogheader-right' 

id='swt-blogheader-right' maxwidgets='1' 

showaddelement='yes'>
</b:section>
</div>
<!-- /swt-blogheader -->

<div style='clear: both'/>

4. Copas kode berikt ini di atas kode ]]></b:skin>

.swt-blogheader {
position: relative;
width: 100%;
}
#header {
padding: 0;
margin:0;
overflow:hidden;
float:left; width:35%;
}
#swt-blogheader-right {
padding: 0;
margin:0;
overflow:hidden;
float:right;
width:65%;
}

5. Save Template!

Kini ke "Layout" dan akan Anda lihat Header Blog Anda sudah terbagi menjadi dua bagian.

Sumber