Cara Membagi Header Blogger Menjadi 2 Bagian

Seputar Blog,

Terdapat 2 cara untuk bisa membagi header blogspot, cara yang pertama seperti dijelaskan pada postingan sebelumnya. Jika cara tersebut gagal, atau kodenya berbeda , anda bisa mencoba mempergunakan cara lain seperti berikut ini.

1. Template > Edit HTML
2. Cari kode seperti dalam gambar di bawah ini : 

3. Copy & Paste kode berikut ini di atas atau sebelum kode yang dikasih highlight kuning di atas:

<div class='swt-blogheader'>

 4. Copas kode berikut ini sebelum atau di atas kode yang dihighlight grey di atas :

<b:section class='swt-blogheader-right' id='swt-blogheader-right' maxwidgets='1' showaddelement='yes'>
</b:section>
</div>
<!-- /swt-blogheader -->
<div style='clear: both'/>

5. Copas kode berikut 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%;}

Angka 35% (untuk logo/nama blog) bisa diubah menjadi 300px. Angka 65% (untuk space iklan di kanan) bisa diubah menjadi 468px. Sesuaikan aja dengan lebar keseluruhan headernya.

 

6. Save Template! selamat mencoba