Kenapa mengganti header ini dibilang perlu? Karena kita menggunakan free template yang gratisan kemungkinan ada orang lain juga yang sama menggunakan template tersebut, lalu kalo semua sama gimana cara orang dengan mudah mengingat blog kita? Cossa Aranda saja pernah memposting "Katakan Dengan Header". Gak perlu terlalu bagus, yang penting simple, unik, dan berkelas. Bagi kamu yang tidak mahir dalam urusan desain, gak perlu khawatir kita bisa mendowload image header dari situs-situs gratisan. Kita hanya perlu mengedit dengan menambahkan tulisan title blog kamu dan deskripsi blog kamu.
Oke sebelum kamu menggantinya download dulu header kamu disitu atau disini, jangan khawatir ini gratis. Setelah selesai kamu pilih, sekarang kamu harus menyesuaikan dengan ukuran pada header di blog kamu. Cara mengetauinya cukup mudah, kamu tinggal masuk ke menu pengaturan pada blogger Layout > Edit HTML. Lalu cari kode #header-wrapper, biar gampang pencet saja F3 dan isi kode tersebut pada kotak find. Contoh ukuran header pada blog indotrans ini:
#header-wrapper{ width:973px; height:150px; margin:0px; padding:0px; text-align:left; background:#ffffff; border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0;}
Pada width:973px artinya ini adalah ukuran lebar header blog kamu yaitu 973 pixel, dan height:150px artinya tinggi header kamu yaitu 150 pixel. Maka kamu harus mengubah unkuran header yang kamu download tadi menjadi ukuran tersebut, caranya tinggal resize image dengan bantuan software seperti corel, photoshop, fireworks dsb.
Jika sudah meresize sekarang tinggal menambahkan judul blog kamu, jika kamu ingin menggunakan huruf-huruf yang lebih extrem, tinggal download saja disni. Jika sudah selesai jangan lupa simpan file header kamu, sebaiknya menggunakan format .jpg karena hasil dari file ini kualitas cukup lumayan dan tidak terlalu besar ukuran filenya, ini untuk menghidari loading page kamu yang berat.
Untuk mengupload gambar kamu tadi masuk ke halaman layout, untuk lebih jelasnya lihat gambar di bawah ini:
Klik edit pada bagian elemen header kamu, yang ada judul blog kamu. Pilih menu image button browse from your komputer dan langsung saja browse file header kamu. Untuk pilihan from the web digunakan apabila kamu menyimpannya pada file hosting seperti photobucket, google picassa, dsb. kamu tinggal memasukkan alamat url tempat menyimpan image kamu. Perhatikan gambar berikut:
Pada placement ada pilih button Instead of title and description, jadi image kamu nanti akan menutupi Title dan Description Blog Kamu, sedangkan Behind title and description Title dan Description Blog Kamu akan tetap nampak, dan jangan lupa centang cek box Shrink to fit, ini akan menyusutkan gambar kamu sesuai dengan ukuran header.
Terakhir, klik Save dan lihat hasil pekerjaan kamu.
Happy blogging...!!!
[3:23 PM
|
30
comments
]





30 comments
Sangat setuju. Template boleh sama tapi ada ciri spesifik dari blog kita yakni header dan fitur-fitur lain. Salam kenal. Ditunggu kunjungan dan komentarnya.
pas deh... barusan aku juga ganti header..
but hadiahnya babeh.. xixixixi..
(alnya g bisa buat sendiri. he.h.e..he..)
nah ini...ni, yang aku perlukan untuk dicoba...makasih yah kang ilmunya, aku jadi tambah nih ilmu htmlnya......mari dilanjut
waah mantabbhh omm nambah ilmu blogspot lagi neh makasih yah :)
templetku error,..broth...
wow...keren nih bang...pasti banyak yang berguna, maksudnya banyak yang mbutuhkan postinini
Nice info bro
budhe akan coba... sudah ga' trauma lagi nich.. makasih banyak yach...
sipz...bagaimana pun karakter dan ciri khas itu perlu
Oke dech.. indo-trans telah sedikit berbenah.. insomaniaz kapan ya??
hehehehe... :D
wah berguna banget,bro. Sippp
@All: thank for komentator setia indotrans, tanpa kalian blog ini bukan apa2... :D
wahh headerku dah dipatenkan kali sama temen yang bikin jadi gak bisa diganti-ganti
Setuju. Template boleh sama, tapi header harus beda. Thanks bro.
Salam kenal
maksih nih infonya,kbtln gw lg latihan bikin blog...mudah2 tampilan berikut sudah tambah siiiiiiiiiiiiiiiiip (akisemar.blogspot)
Mas, blog-nya bisa luas kaya lapangan sepak bola gini gmn caranya? ksh tau donk!!!! soalnya saya masi newbie...
kalo mengubah font yang telah di download giman?
ThanK's iNFo na Bang..
tambah infonya
Baru nemu.Thanks beraaaaatttt....
aduh gw ga bisa ganti header gw nih kasih tw gw cara nya bagaimana membuat header yang uadh gw bikin diphotoshop
Terima kasih ats infonya. baru tau aku headernya juga bisa diganti. maklum newbie banget
Bisa kasi panduan buat ganti header di wordpress gak?
Bisa kasi panduan buat ganti header di wordpress gak?
boleh dicoba ne kayaknya
boleh dicoba ne
boleh dicoba ne
keren blognya....
tapi koq navbar (yang dibawah header) jadi ikutan backgroundnya hilang ya???
kalo ada waktu,,, minta tolong jengukin blog aku yang lagi bermasalah itu.. makasih sebelumnya
mantapan ini bro....
trimakasih infonya yah.
Post a Comment
Dapatkan Traffic dan Back Link dengan Memberikan Komentar Anda...