Cara Membuat 1 kolom Widget Tepat Diatas Header Blog

Template yang sobat gunakan tidak menyediakan kolom widget yang sesuai dengan keinginan sobat? kali ini saya akan membahas Cara Membuat 1 kolom Widget Tepat Diatas Header Blog. Langsung aja ya sobat.
Cara Membuat Kolom Widget tepat diatas Header pada Blog:
1. Login ke akun Blogger sobat.
2. Masuk pada bagian Template.
3. Cari kode ]]></b:skin>. Gunakan Tombol ctrl+F
4. Masukan kode berikut diatas kode ]]></b:skin>.

#underheader { clear:both; } .underheader-widget { padding:0px 10px 10px 10px; }

5. Kemudian cari kode <div id='header-wrapper'> . Setiap template memiliki elemen yang berbeda. Namun pada umumnya ditulis dengan kode <div id='header-wrapper'>. Sobat harus berusaha mencari elemen ini jika memang kode elemen pada template sobat berbeda  dengan kode elemen yang saya contohkan.
6. Copy kode di bawah ini dan kemudian letakan tepat di atas kode <div id='header-wrapper'>.

• Satu Kolom Widget.

<div id='underheader'> <div id='box1' style='width: 100%; float: left; margin:0; text-align: left;'> <b:section class='header' id='col1' preferred='yes' style='float:left;'/> </div> </div>

Keterangan, untuk ukuran sobat bisa ubah pada nilai "width".
7. Klik simpan, selesai dan sobat lihat hasilnya.