Menambah element baru di bawah element Header

Jumat, 29 Januari 2010
Menambah elemen atau kolom baru pada template memang agak sulit terutama untuk sobat Blogger Mobile yang melakukan pengeditan template secara online. Saya sendiripun sering mengalami kegagalan ketika mencoba menambah element baru seperti sidebar dan fotter. Namun berbeda dengan yang satu ini yaitu menambah kolom/element baru yang berada tepat di bawah element Header karena kita hanya sedikit merubah kodenya. Oke... untuk sobat yang ingin menambahkan element tersebut silahkan baca langkah di bawah ini :
  1. Loginlah ke Blogger dengan ID sobat
  2. Tata letak
  3. Edit HTML (jangan centang kolom Expand template widget). jika menggunakan Opera atau Bolt, cari kode di bawah ini di mulai dari bawah, jangan dari atas karena terlalu lama menemukannya.
  4. <div id='header-wrapper'>
    <b:section class='header'id='header'maxwidget=" 1 "showaddelement="no">
    <b:widget id='Header1'locked='true'title=' Kolom ponsel (Header) 'type = 'Header'/>
    </b:section>
    </div>
    bila sudah ketemu, ganti tulisan diatas yang saya beri warna merah. Sehingga menjadi seperti di bawah ini :
    <div id='header-wrapper'><b:section class='header'id='header'maxwidget="2 "showaddel ement="yes">
    <b:widget id='Header1'locked='true'title='Kolom ponsel (Header) 'type='Header'/>
    </b:section>
    </div>
  5. lalu "Simpan template"
Jika sudah, silahkan lihat hasilnya dengan mengklik "element laman".

9 komentar (Menambah element baru di bawah element Header)

Posting Komentar
  1. Dev » Februari 06, 2010 1:08 AM | permalink

    ngeblog menggunakan HP..unik sekali..mantab sob..semangat terus ngeblognya :D

    o iya font judul postingan coba rada dikecilin. soalnya kalo di browser komputer tulisannya bertumpuk kalo judul postingannya panjang. mungkin di HP ga keliatan..

  2. ThG » Februari 07, 2010 2:05 PM | permalink

    Dev, sarannya sangat membantu lho...

    Thank's ya sudah mampir...

  3. terminal kerja » Februari 18, 2010 7:29 AM | permalink

    thank's infonya sob

  4. Tihang » Februari 18, 2010 11:25 AM | permalink

    sama-sama.

  5. Salman » April 02, 2010 2:00 PM | permalink

    saob saya mau bertanaya, setelah saya perhatikan elemen halaman home dan saat kita sedang membaca artikel berbeda. sebagi contoh di home kolom banner ada di kanan, dan di situ juga ada shoutmix. lalu saat kita membaca artikel. kolom yang berjumlah 3 tadi hilang menjadi 2. saya sudah 2 bulan mencari jawaban ini di google namun tidak ada yang saya temukan. beruntung saa bertemu dengan anda. jika tidak menggangu saya ingin bertanya.
    1. apa yang menyebabkan hal iu terjadi?
    2. mungkinkah itu pengaruh dari tamplate yang anda gunakan?
    3. dapatka saya menerapkan hal ini di blog saya?
    4. jika dan trik cara membuatnya apa yang harus saya lakukan?

  6. ¤ThG » April 02, 2010 6:07 PM | permalink

    Sebelumya saya ucapkan terima kasih atas kunjungannya kang, Dan maaf bila jawaban saya tidak memuaskan.

    sebenarnya semua trik ini sy dapatkan dari Blog Kang Rohman yaitu Kolom tutorial dan Blogspottutorial.com yang berhasil saya terapkan satu persatu di blog ini (Minima orchre).

    Inti dari trik ini ada pada kolom post yang ukuran widthnya dibuat berbeda, antara css dan kolom post baru yg ditambahkan diatas kode </head>.

    Sidebar tengah hanya ditambahkan sedikit kode agar hanya tampil di halaman indek post, label dan static page. Cara ini hampir mirip dengan posting terahir saya saat ini.

    Kang salman pasti bisa.
    Semoga sedikit membantu

  7. boys before flowers » April 28, 2010 2:33 PM | permalink

    thanks bro . .
    jadi bisa nambah header sekarang.
    mantap.

  8. Anonim

    thanks for informations

  9. Tihang » Maret 14, 2011 5:35 AM | permalink

    @Anonim
    sama-sama.

Back to form

Mohon berkomentar sesuai topik posting di atas !