Cara Membuat Header Blog Menjadi Dua Bagian

Template bawaan blogger secara default biasanya hanya tersedia satu kolom di header, sehingga hanya dapat memasang satu buah logo atau judul blog saja, sehingga ketika kamu ingin memberikan judul blog atau header lebih dari satu harus melakukan sebuah modifikasi terlebih dahulu. Oleh sebab itu, pada kesempatan ini aku akan memberikan tutorial mengenai cara membagi header blog menjadi dua bagian, sebelah kiri untuk judul/logo blog dan sebelah kanan bisanya berisikan tentang banner atau iklan.

Langsung saja, perhatikan langkah-langkah berikut ini untuk dapat membagi header blog kamu menjadi 2 bagian:

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 akan terlihat seperti gambar di bawah 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. Selanjutnya yaitu Copy + Paste kode berikut ini, tepat berada 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) dapat diubah sesuai dengan ingin kamu. Namun tidak menutup kemungkinan jika ragu akan hal tersebut, biarkan seperti itu.

5. Save template

 

LANGKAH KEDUA

1.  Klik Tata Letak

2. Maka akan muncul kolom buat widget baru HTML/Javascript di bawah Header seperti gambar di bawah.

Selanjutnya klik tombol Edit dan masukkan kode iklan atau url gambar di sana yang akan muncul di samping judul atau logo blog kamu.

Itu dia Cara membuat header blog menjadi dua bagian, seperti yang sudah pernah Sang Musafir paraktikkan ketika pertama kali ganti menggunakan template ini.