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.

Aryo 6:52 pm on 1 Maret 2007 Permalink |
Top abissss ^^, Langsung berhasil, tanpa masalah. Saya link ya Mas, biar pada baca, biar nambah ilmu per-blog-an ^^,
aguSHery 8:58 am on 2 Maret 2007 Permalink |
silakan….makasih inisiatifnya…
br0 11:34 pm on 20 April 2007 Permalink |
mas thanks buat tipsnya….berhasil.skalian mo nanya gmana caranya kalo mau javascriptnya ama cssnya disimpan diblog kita sendiri…thanks lagi….
aguSHery 10:01 am on 23 April 2007 Permalink |
mkasudnya di blogger? sebenernya javascript maupun css bisa di embedded ke dalam template/layout kita….caranya masukin manual nih kalo di template, kalo layout tinggal add page elements aja…
:: o'om :: 9:15 pm on 23 Juli 2007 Permalink |
udah berhasil. tapi kadang muncul kadang enggak, kenapa bisa gitu ya?
:: o'om :: 9:15 pm on 23 Juli 2007 Permalink |
udah berhasil. tapi kadang muncul kadang enggak, kenapa bisa gitu ya?
:: o'om :: 9:15 pm on 23 Juli 2007 Permalink |
udah berhasil. tapi kadang muncul kadang enggak, kenapa bisa gitu ya?
aguSHery 9:37 pm on 23 Juli 2007 Permalink |
bila menghilang maka artinya file .js yang dipanggil tidak ditemukan (bermasalah dengan hosting), arahkan filenya ke googlepages seperti yang disebut di postingan ini.
ITRAN 11:03 am on 22 Agustus 2007 Permalink |
Wahhhhhh…Gila berhasil boooo thank yo mas tapi gimana caranya saya ngelink mas ya biar ga lupa hehehehe
aguSHery 5:10 pm on 23 Agustus 2007 Permalink |
pro itran : utk cara link bisa dicek di bagian sidebar
(wah kayaknya sih ndak perlu dikasih tau segala nih….hehehhe)
indra 4:51 pm on 19 Oktober 2007 Permalink |
lah kalo semumpama komentar kita ikut selain blogger, gmn??
misalnya ikut haloscan??
apa feed-nya ditautkan ke haloscan-nya?
tq
aguSHery 6:05 pm on 22 Oktober 2007 Permalink |
pro indra : tautan feed komentar dari haloscan tak bisa serta merta dipasang disini, karena banyak perbedaan variabel di dalamnya. jadi bila ingin memaksa menggunakan feed dari sana, kita mesti menyesuaikan dengan variabel dari haloscan.
tjahaju 1:58 pm on 15 Desember 2007 Permalink |
coba ah
Simpang Limo 12:04 pm on 11 Februari 2008 Permalink |
saya kok masih belum berhasil juga menerapkan tips ini. Sayang saya ga bisa masukkan kode-kodenya di lembar komentar ini. Tapi saya sudah ikuri saran pada postingan ini.
Apanya yang salah Kang Hery? Bantuin ya.