Cara Menambahkan Kolom Widget Di Samping Header

Selamat siang semuanya, pada postingan ini saya akan membagikan cara untuk Menambahkan Kolom Widget Di Samping Header. Mungkin penambahan widget ini bisa digunakan untuk menambahkan kolom Iklan di samping header, hitung-hitung untuk menambah pemasukan juga ya (Adminnya Matre banget) :ngakak

Nah langsung saja yah, ikuti langkah-langkah berikut:

1. Pastikan kamu sudah login ke akun Blogger.

2. Pilih Template > Edit HTML > Expand Template Widget

3. Selanjutnya cari kode-kode berikut: (tekan Ctrl+F untuk memunculkan kotak Find dibrowser kamu)

#header-wrapper {

#header-inner {

#header {

*pilih salah satu

4. Tambahkan kode di bawah ini setelah tag tutup } dari #header { :

 

#righthead{
width:728px;

height:90px; 
float:right;
padding: auto;
}

*warna hijau silakan ganti sesuai kebutuhanmu (saya menggunakan kolom untuk iklan berukuran 728x90)

5. Selanjutnya cari kode berikut:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

*warna hijau bisa berbeda tergantung nama blog kamu

Kemudian ganti dengan kode 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='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='righthead'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

6. Simpan Template

Silakan lihat perubahannya pada Tata Letak selanjutnya kamu bisa menambahkan widget di  samping header kamu. Selamat mencoba.