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.
Pengikut
34 komentar:
Kamu bisa dapetin ilustrasi wajah yang sesuai dengan wajah kamu di moselo.com/Bikingemeys. Jangan lupa ada promo jika pesan dari aplikasinya langsung.
Langganan:
Posting Komentar (Atom)
Postingan Populer
-
Nokia Indonesia merilis varian Asha terbaru. Seri untuk kelas bawah ini hadir dengan sentuhan baru. Terutama dari segi kemudahan berbagi fil...
-
Setelah kita memiliki blog tentu yang perlu dilakukan selanjutnya adalah mengelola dan mempublikasinya. Mengelola berarti selalu melakukan p...
-
Seakan diingatkan oleh Mbak Hanan karena di blog saya belum pernah menulis tentang bagaimana membuat link read more disetiap postingan blog...
mas, ngomong2 template klasik ama template barunya blogger bagus mana?
BalasHapusaku pake blogger baru tapi template-nya ku revert ke template klasik
Bisa dicoba di blogger Nuha yg baru dibuat ni.. tapi agak sedikit ribet yaaa... puuuccciinngggg
BalasHapusutk syah, kalo dilihat dari jumlah pilihan saat ini memang lebih mudah menggunakan yang lama, namun dr segi teknologi jelas lebih unggul yg baru.
BalasHapusduh, 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)
BalasHapusSaya 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.
BalasHapusalready added? blognya yg http://serunai.blogspot.com/?
BalasHapusmungkin 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.
gimana cara hilangin header di new blogger,, thx ya
BalasHapuspro el hrdie : masuk ke page elements, edita tautan picture, saat jendela kecil muncul klik remove this widget....
BalasHapusmas,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
BalasHapusmerubah ukuran gambar tanpa merubah gambar yang lain? aku kurang paham maksudnya, gambar lainnya berada diposisi header juga atau dmana?
BalasHapusuntuk mengganti ukuran gambar biasanya kita menggunakan bantuan software grafis, seperti misalnya adobe photoshop, atau juga ACDSee. Semoga membantu.
gimana caranya nampilin old post pada template klasik yah,,,kan gak ada tuh...
BalasHapusmas 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
BalasHapusblognya http://gizidankesehatan.blogspot.com/ ? aku cek memang tak ada headernya...sepertinya ga ada jalan otomatis menghilangkan header, mungkin ganti template?
BalasHapussaat dicoba lagi apakah normal? hanya tak muncul saja gambarnya?
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..........
BalasHapusTolong saya ya mas...
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.
BalasHapuscoba cek di bagian headernya (pada tata letak),apakah ada tulisan add gadget disitu?
mas aku ko' ga bisa pasang gambar di headernya yah... padahal dah ngikutin petunjuk tapi ga muncul tuh... gimanna yah...?
BalasHapusboleh tau, alamat URL file gambarnya dan juga alamat blognya?
BalasHapussy mw tanya. blog saya menu add gadgetnya hilang, jadi saya ngg bisa add fitur baru. tolong di bantu dong...
BalasHapuscara untuk membuat tool kontak, posting anda komentar letaknya di atas gmn bang??tolong bantuin dong!!!
BalasHapusSip Kang.... :)
BalasHapusmas header saya rada kacau, plizz bantu donk! yang bisa bantu saya kasih e-book uang panas!
BalasHapusheader blog saya bergeser ke kanan, bwt lbh lanjut langsung cek aja ke www.ozoydrummer.blogspot.com
bales ke email saya setiady.rogers28@gmail.com
salam kenal mas....
BalasHapussaya 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...
background gambarnya juga lebarnya hanya 350, jadi memang bakal tak cukup. coba cek di header-inner di CSS-nya.
BalasHapusmakasih mas...jadi nambah ilmu nihh...saya coba
BalasHapusmas blognya bagus loh... bisa ajarin gak?
BalasHapusAjarin ngeblog kan? bisa, sampe mana?
BalasHapusthankz yaw.......
BalasHapusboleh donk,, nyuri ilmunya...
BalasHapushttp://smartsan59.blogspot.com/
silakan Ahmad....
BalasHapusmas 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
BalasHapusMas..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
BalasHapusini link file header swf nya.
http://up2share.com/file/nydfkuyk4_2.swf
Terima Kasih..
mkasih gan...info agan membantu sekali...
BalasHapusmantap gan........................ bagi sobat yang cari artikel bisa klik disini
BalasHapushttp://ahma-xcv.blogspot.com/
kayaknya edit2 susah bener? trik and tips
BalasHapus