Cara Mudah Menambahkan Kolom Widget Di Samping Header Blog - Selamat datang di blog yang saling berbagi ilmu pengetahuan, pada postingan ini saya akan membagikan cara untuk Menambahkan Kolom Widget Di Samping Header Blog. Dimana trik ataupun cara ini saya mengadopsinya dari blog dewah yus. Mungkin penambahan widget ini bisa digunakan untuk menambahkan kolom Iklan di samping header, ataupun untu penambahan script-script di blog sobat semuanya.

Cara Mudah Menambahkan Kolom Widget Di Samping Header Blog

Berikut langkah-langkah yang harus sobat ikuti secara satu persatu:
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 kode yang di atas

Baca Juga

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 dengan keinginan sobat semuanya

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 sobat semuanya

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

Coba lihat perubahannya pada Tata Letak selanjutnya kamu bisa menambahkan widget di  samping header kamu. Selamat mencoba dan salam berbagi.