Pengikut

Blogger : Add Header to New Blogger

Hot request.

"kl mis.nya aku mo naro gambar di headerku gmn ya? dah pernah dibahas ya?"
"kang agus supaya di header bisa ada gambarnya gimana?"

Keduanya mewakili keinginan dari beberapa pengunjung yang secara serius menanyakan pemasangan gambar di bagian header. Boleh jadi pertanyaan ini juga mengusik keingintahuan beberapa pengguna blogger lainnya. Tak cukup dengan menulis di shout box, meninggalkan pesan melalui messenger juga digunakan. Memang tak bisa dipungkiri bila salah satu trik yang sangat mudah untuk menyajikan penampilan blog berbeda secara instan yakni memasang header.

Bila jawaban dari pertanyaan serupa pernah diungkap di blogger lama, bagaimana dengan di blogger baru. Terutama yang menggunakan metode xml atau lebih mudahnya menggunakan mode layout (bukan template.) Dengan mode layout ini kita mengenal adanya fitur widget. Dari sinilah pemasangan shout, rss, gambar, teks hingga pengeditan sidebar, header, footer hanya memerlukan teknik drag and drop. Praktis untuk mereka yang alergi bila bertemu dengan kode HTML.

Namun, bila ingin sekali memasang gambar di header, maka anda perlu berkeringat sedikit karena pada bagian intinya kita akan mengedit kode didalamnya. Cukup yakin? bila jawabannya iya maka bisa kita teruskan membacanya. Tak lupa untuk menyimpan cadangan (back up) sebelum kita melakukan penyutingan. Hingga bila terjadi sesuatu kita masih bisa kembali ke kode sebelumnya. Masih cukup aman kan?

Langkah 1. Buka layout.
Setelah memasuki dasbor, klik tautan layout pada blog yang ingin disunting. Lalu tujulah Template. Bila di halaman ini muncul 'Add A Page Elements', langsung saja melompat ke langkah ke-3. Bila tidak maka tuju Edit HTML. Berhenti sejenak di bagian ini. Lihat ada pilihan expand widgets template disana, coba centang kotak di sebelahnya dan tunggu beberapa saat.

Langkah 2. Edit layout.
Ini bagian rumitnya. Untuk memudahkannya, edittag sengaja mengambil salah satu layout bawaan blogger yakni Harbor dari minima.com. Dengan kode dari sini semoga bisa menjadi acuan untuk diterapkan di layout yang serupa. Cari kode berikut :

<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='kupakai (Header)' type='Header'>
<b:includable id='main'>
<div class='titlewrapper'>

Nah perhatikan angka 1 di baris pertama. Ganti menjadi angka 2, atau lengkapnya akan menjadi :

<b:section class='header' id='header' maxwidgets='2'>
<b:widget id='Header1' locked='true' title='kupakai (Header)' type='Header'>
<b:includable id='main'>
<div class='titlewrapper'>

Setelah itu save template.

Selesai? ok lanjut ...

Langkah 3. Klik page elements (sebaris dengan keberadaan Edit HTML pada menu Template)
Klik Add a Page Elements di bagian Header.Mungkin ada banyak tautan Page Elements di sini. Fokuskan hanya dibagian header. Lalu klik add a page elements di bagian header, hingga dimunculkan pop-up window.
Dari sini pilih Picture yang posisinya berada di barisan kiri kedua dari atas, lalu klikadd to blog. Isi formnya, (tak perlu semua kolom, yang penting upload gambar terisi) tunggu sebentar hingga calon gambar header dimunculkan, lalu tutup dengan .

Langkah 4. View Blog.
Lihat hasilnya....picture header muncul disana.

Asyiknya pula bila merasa ukuran gambar untuk header terlalu lebar atau sebaliknya terlalu kecil, gambar tadi bisa diganti dengan yang lain. Masuk ke Page elements pada menu template dan edit tautan picture disana.

Selamat mencoba.

Contoh hasil penerapan bisa dilihat di http://betapakai.blogspot.com/

Tag : blogger gambar header, edit header blogger, trik memasang header.
Add to Technorati Favorites

34 komentar:

  1. mas, ngomong2 template klasik ama template barunya blogger bagus mana?
    aku pake blogger baru tapi template-nya ku revert ke template klasik

    BalasHapus
  2. Anonim10:09 AM

    Bisa dicoba di blogger Nuha yg baru dibuat ni.. tapi agak sedikit ribet yaaa... puuuccciinngggg

    BalasHapus
  3. utk syah, kalo dilihat dari jumlah pilihan saat ini memang lebih mudah menggunakan yang lama, namun dr segi teknologi jelas lebih unggul yg baru.

    BalasHapus
  4. duh, mas.. padahal udah dirinci lebi dalem ya.. tp kok aku teuteup ga mudeng,, tp, makasih banged postingannya,, amat sangad terbantu mskpn blm bnr2 brhsl saya terapin.. mohon bantuannya ya mas edittag yg baik hati xP btw, mengenai baris ke 102,, masih menjadi misteri ampe skarang x)

    BalasHapus
  5. Saya dah coba kang Herry, ternyata mash belum bisa. Saya lihat di Add Element pada bagian Header tertulis "already added". Jadi bingung bgm langkah selanjutnya utk ganti Header bikinan sendiri. Bantu kasih penjelasannya lagi ya.

    BalasHapus
  6. already added? blognya yg http://serunai.blogspot.com/?
    mungkin sudah ada widget picture di header sebelum anda tambahkan....namun bila dilihat dr blog anda (bila memang serunai), maka tak terlihat ada widget header dsana, untuk itu bila memang sudah ada coba edit, bila tidak buka locked-nya terlebih dahulu.

    BalasHapus
  7. gimana cara hilangin header di new blogger,, thx ya

    BalasHapus
  8. pro el hrdie : masuk ke page elements, edita tautan picture, saat jendela kecil muncul klik remove this widget....

    BalasHapus
  9. mas,saya udah coba masukin gambar di header blog saya,tapi hasilnya kok kurang memuaskan ya?gambarnya terlalu besar. gimana caranya merubah ukuran gambar yg bisa disesuaikan dgn keinginan kita tanpa merubah gambar yang lain

    BalasHapus
  10. merubah ukuran gambar tanpa merubah gambar yang lain? aku kurang paham maksudnya, gambar lainnya berada diposisi header juga atau dmana?
    untuk mengganti ukuran gambar biasanya kita menggunakan bantuan software grafis, seperti misalnya adobe photoshop, atau juga ACDSee. Semoga membantu.

    BalasHapus
  11. gimana caranya nampilin old post pada template klasik yah,,,kan gak ada tuh...

    BalasHapus
  12. mas saya sudah add picure di header...tapi bebrapa hari ini koq headernya hilang. saya coba masukkan kembali..tapi tidak muncul juga headernya. kenapa yah mas, trims

    BalasHapus
  13. blognya http://gizidankesehatan.blogspot.com/ ? aku cek memang tak ada headernya...sepertinya ga ada jalan otomatis menghilangkan header, mungkin ganti template?
    saat dicoba lagi apakah normal? hanya tak muncul saja gambarnya?

    BalasHapus
  14. mas aku udah nyoba, langkah2nya, tapi pas mau masuk ke add a page element kok ngk ada kotak impormasinya, yang ada cuma contoh2 template dari blogger. trus page element bagian header letaknya dimana sich..........

    Tolong saya ya mas...

    BalasHapus
  15. elemen halaman kini menjadi gadget,ada penggantian nama dari blogger.com. lalu kalo masuknya malah ke template2 berarti bukan elemen halaman/gadget tuh, tapi mungkin ke edit html.

    coba cek di bagian headernya (pada tata letak),apakah ada tulisan add gadget disitu?

    BalasHapus
  16. mas aku ko' ga bisa pasang gambar di headernya yah... padahal dah ngikutin petunjuk tapi ga muncul tuh... gimanna yah...?

    BalasHapus
  17. boleh tau, alamat URL file gambarnya dan juga alamat blognya?

    BalasHapus
  18. sy mw tanya. blog saya menu add gadgetnya hilang, jadi saya ngg bisa add fitur baru. tolong di bantu dong...

    BalasHapus
  19. cara untuk membuat tool kontak, posting anda komentar letaknya di atas gmn bang??tolong bantuin dong!!!

    BalasHapus
  20. mas header saya rada kacau, plizz bantu donk! yang bisa bantu saya kasih e-book uang panas!
    header blog saya bergeser ke kanan, bwt lbh lanjut langsung cek aja ke www.ozoydrummer.blogspot.com
    bales ke email saya setiady.rogers28@gmail.com

    BalasHapus
  21. salam kenal mas....
    saya juga sampe saat ini belum berhasil. header nya malah condong ke kiri + ga ke tutup sama gambar headernya. kira2 knp yah? klo bisa tolongin mas.
    makasi sebelumnya...

    BalasHapus
  22. background gambarnya juga lebarnya hanya 350, jadi memang bakal tak cukup. coba cek di header-inner di CSS-nya.

    BalasHapus
  23. makasih mas...jadi nambah ilmu nihh...saya coba

    BalasHapus
  24. mas blognya bagus loh... bisa ajarin gak?

    BalasHapus
  25. Ajarin ngeblog kan? bisa, sampe mana?

    BalasHapus
  26. Anonim5:32 PM

    thankz yaw.......

    BalasHapus
  27. boleh donk,, nyuri ilmunya...
    http://smartsan59.blogspot.com/

    BalasHapus
  28. mas kalau boleh tau gimana yah carana klo mau pasang di header blog semacam home,facebook,dsb... kayak punya mass...dah dicari di smua om google tp g ada yang posting carana..tlong yah masss

    BalasHapus
  29. Mas..gimana cara memasang header dengan extensi file.swf saya udah buat headernya tapi blm tau cara masang nya.. kalo mas tau tolong kirim ke email saya ya mas firman1186@yahoo.com

    ini link file header swf nya.
    http://up2share.com/file/nydfkuyk4_2.swf

    Terima Kasih..

    BalasHapus
  30. mkasih gan...info agan membantu sekali...

    BalasHapus
  31. mantap gan........................ bagi sobat yang cari artikel bisa klik disini

    http://ahma-xcv.blogspot.com/

    BalasHapus
  32. kayaknya edit2 susah bener? trik and tips

    BalasHapus

Kamu bisa dapetin ilustrasi wajah yang sesuai dengan wajah kamu di moselo.com/Bikingemeys. Jangan lupa ada promo jika pesan dari aplikasinya langsung.

Postingan Populer