Laman

  • HOME
  • LOMBA BLOG
  • ARTIKEL
  • TUTORIAL
  • JUAL SUPERGREENFOOD

Cara Menambahkan Kolom Widget di Bawah Header

Moocen Susan | Minggu, Juni 23, 2013 |
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: 

2 komentar:

  1. makasih mbak susan infonya bagus banget, bisa dipraktekkan tuh

    BalasHapus
    Balasan
    1. sama sama mbak ^^ makasi ya kunjungannya

      Hapus

Terima kasih sudah berkunjung. Silakan tuliskan komentar Anda di bawah ini. Komentar Anda sangat bermanfaat dan sangat saya hargai atau jika ada pertanyaan silakan tinggalkan pesan di livechat saya (sidebar kiri bawah)
Perhatian: saya akan menghapus otomatis komentar yang ada link hidupnya :D

Related Posts Plugin for WordPress, Blogger...