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: 

0 comments:

Post a Comment