Cara Menambahkan Kolom Widget di Bawah Header

Hari ini saya dibuat kelabakan sama sebuah syarat di dalam sebuah lomba blog. Biasanya ngasih tutorial sekarang gantian cari tutor, ya apalagi kalau bukan browsing sendiri di google L tapi ini tantangan buat saya untuk makin maju. Ok, saya akan share apa yang saya dapat tadi setelah ubek-ubek google, yaitu tentang cara menambahkan kolom widget di bawah header blog. Ok, ini mungkin agak rumit dan butuh ketelitian ya ibu-ibu karena kalau salah masukin kodenya bisa amburadul tuh settingan blognya…^^:

1. Masuk ke www.blogger.com seperti biasa
2. Masukkan alamat Email dan kata sandi Anda → klik MASUK
   
3. Klik TEMPLATE 
   
4. Klik EDIT HTML 
   
5. Cari kode  ini : <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> kalau di tempat saya ada di no urut 653 
6. Hapus dan Ganti kode tersebut dengan kode ini : <b:section class='header' id='header' preferred='yes'> 
7. Klik SIMPAN TEMPLATE 
8. Klik Tab Elemen Halaman → TATA LETAK 

   

   Ketr.no.5-8
9. Jika kolom yang Anda inginkan sudah muncul di tab Elemen Halaman tersebut, klik TAMBAH GADGET 
   
10. Klik HTML/ JAVA SCRIPT 
    
11. Masukkan kode script banner lomba ybs dengan cara tekan Ctrl+V di dalam konten → SIMPAN → Simpan Setelan
    
    
    
12. Klik TATA LETAK → Lihat hasilnya apakah sudah muncul satu kolom baru
    
    
13. Geser ke bawah mouse Anda sehingga kolom tersebut berada di bawah header blog 
    
    
    
14. Fiuh… akhirnya terpasang juga tampilannya seperti di bawah ini: