hal ini biasanya terjadi karena ukuran gambar header tidak sesuai dengan template css. Untuk mengatasi hal tersebut kita harus masuk ke dalam template kita caranya seperti biasa yaitu :
1. Loggin ke blogger.com ,
2. klik Design dan pilih Edit template.
3. Aktif di template anda dan pada keyboard ctrl + f (untuk fungsi pencarian cepat) dan ketik header, kira-kira tampilannya sebagai berikut :

4. Pada #header jika terdapat kode
#header{
background:url(http://bla..bla..bla..)
}
maka hapus kode tersebut, ini dikarenakan kita telah menganti header dengan cara manual tampa memasukan kode ke dalam template tersebut.
5. Nah tahap ini merupakan tahap terpenting untuk mengatur ukuran header, pada saat anda membuat header sendiri dengan photoshop atau lainnya usahakan ukuran width (lebar) dan height (tinggi) gambar harus sama dengan kode css dari template anda, bagaimana mengetahui pengaturan tinggi dan lebar template anda?
seperti sebelumnya pada keryboar ctrl + f, kemudian ketik "header", kira-kira format css header sebagai berikut :#header{
width:900px;
height:200px;
}
**penjelasan
maksud widht adalah ukuran lebar dari header, dan height ukuran tinggi header
Jika ukurannya gambar header dengan ukuran css #header pada template anda, ganti width dengan ukuran lebar dari gambar anda dan ganti height dengan ukuran tinggi gambar anda..mudah bukan??
jika ada kendala silahkan coment y??selamat mencoba ...
75 komentar on "cara merubah ukuran header"
Nais Share gan ntar ane praktekin
alhamdulillah, maksih ya penjelasanya dah membantu..
terimakasih banyak, artikel anda telah banyak membatu, semoga sukses selalu.
thank ya
makasii infonya.
oh ya, blognya cantik banget, like like.
thx bgt infonya... sangat berguna buat newbie seperti saya... (Desain blog yang cantik ya...)
for all--> thanks y..semoga semua tulisan saya bermanfaat n slalu semangat menulis n berbagi hal positif y ^____^
thanks bro...izin share....
ass mbak salam kenal n pingin tanya: kenapa tiap komentar yang ditujukan ke posting anti: mampirnya kok ke email saya, atau alamat email kita sama kali, terimakasih
Gan, kog saya cari kodenya nggak ada, tolong penjelasannya
mbak, kok aku gk ada ukuran header nya ya?
maaf teman2 telat banget ne aq blaznya..ok aq coba bantu y
muslimin-->wss. apa maksunya setiap komentar di blog kamu masuk ke dalam email kamu y??
dhenyy-> coba cari #header atau .header..
kalo tidak ada juga cba klik kanan dari header blog kamu, lihat nama gambarnya dan cari di template kamu, kalo dapat lihat dia masuk class (lambang ".") atau id ("lambang #") apa namanya..
faiha--> kalo tidak ada ukuran mungkin dya berupa gambar aja headernya, jadi kamu tingal rubah ukuran gambar header kamu aja..
semoga membantu...kalo g bisa silahkan koment lagi ^___^
beuhhh... bisa gitu ya.
blog'y mantap.
thx yaa.. akhirnya bisa juga, konsepnya bikin manual dlu dalam pemanggilan headernya.. sekali lagi thx... salam kenal
www.masargo.co.cc
mantap :) aku coba ya non, jn lupa kunjung balik, follow dan like fanPage :)
terima kasih info nya ..
www.cuba-tuleh.blogspot.com
visit my blog juga ya thanks...
punya saya headernya kok nda ada kode seperti yang dipetunjuk mba dewi ya,gimana solusinya ya?
mohon petunjuknya.
terimakasih sudah membantu
RHIENA MANIS..TERIMAKASIH ATAS INFORMASINYA..
LANGSUNG SAYNG PRAKTIKKAN.. :*
KK aku kan masih umurnya 11 thun
boleh gak nanya cara buat gambar header lewat photoscape pliss butuh jawaban makasih wss...
info cheat-->coba aja cari tutorialnya di google ya dek...
tetep smangat ngeblog y ....
^___^
aina--> kalo gitu coba kamu klik kanan dari gambar header kamu..dan ctrl+f nama header tadi,,
di situ letak kode cssnya ..
semoga berhasil y ...
langsung dicoba ah...tengkyu sharenya
sama2 kta..jika ada kendala koment balik y ^__^
tetep smangat n slalu positif y....
info yang sangat membantu gan,,,.
nice info sob,,, jangan lupa kunjungannya.. :D
lho kok saya cari kode yang ky di atas gak ada di blog saya, maaf masif newbie...
info bagi yang tidak bisa menemnukan #header atau .header :
1.klik kanan gambar header kamu. contoh : di blog ini headernya yaitu gambar yang bertulis simple tutorial blog n web.
2.setelah klik kanan pilih view image.
3. copy nama gambar tersebut pada url alamat2 web.
4. lakukan tahap 1, 2 dan 3 di atas.
5. setelah pada tahap 3 pda keyboard ctrl +f paste nama image yang telah kita copy sebelumnya (url image berada pada tempat url browser tadi)
6. nahh disitu berarti nama selector css penempatan header kamu. mis : #hdr{http://url image yang tadi)
7. ikuti langkah nomor 4.
semoga berhasill ^___^
kunjungi blog saya dong
http://hhrma-career.blogspot.com
info yang bagus dan juga artikelnya bermanfaat banget buat gue loe, ok dan makasi dari mico ok thanks a lot
Mbak, saya pakai template bawaan blogspot, tapi headernya saya rasa terlalu lebar, saya kesulitan untuk membuatnya lebih ramping, sempat saya kasih gambar dengan ukuran lebih ramping tapi pengaruhnya pada H1, H2 jadi tidak berfungsi..
mohon bantuannya...
bagaimana dengan gambar slide dari template yang di download dari tempat lain gan..?
Udah nyoba, tapi belum berhasil....
BTW nice Info sist.....
info bagi yang tidak bisa menemnukan #header atau .header :
1.klik kanan gambar header kamu. contoh : di blog ini headernya yaitu gambar yang bertulis simple tutorial blog n web.
2.setelah klik kanan pilih view image.
3. copy nama gambar tersebut pada url browser kamu
4. lakukan tahap 1, 2 dan 3 di atas.
5. setelah pada tahap 3 pda keyboard ctrl +f paste nama image yang telah kita copy sebelumnya (url image berada pada tempat url browser tadi)
6. nahh disitu berarti nama selector css penempatan header kamu. mis : #hdr{http://url image yang tadi)
7. ikuti langkah nomor 4.
semoga berhasill ^___^
aneka rasa->jika berupa slide mungkin agak rumit, pada template kamu cari alamat url yang ngelink ke alamat gambar kamu..
selamat mencari ^__^
makasih infonya....
beberapa template yang didapat dari internet susunannya tidak seperti yang terlihat di atas. Gimana kak pencerahannya??
Nyimak Sob
Mampir ya ke http://romantis-xp.blogspot.com/
makasih banyak panduan mengubak ukuran gambarnya
tanks atas sharenya.... semoga manfaat
kunjungi blog ku yahhh http://fahrie17.blogspot.com
saya kurang mengerti.blog saya selalu di zoom dulu di hp.bagaimana caranya supaya tdak ngezoom
klo ukuran gmbr kita lebih besar boleh ga kita memakai cara di atas,msalnya tggi headerq 1000 aq ganti jdi 200 bsa ga
nice blog
awesome, nice posting
buat yanthi-->boleh tapi hasilnya tidak bagus karna gambar akan tampil setengah atau hasil tampilan gambar kurang bagus..
thanks infonya gan, meluncur ke tkp
struktur template aku agak susah tapi aku mencoba hehehe
tukerang banner yuk mba ??
kde d atas ga ada di blogq,gmna ne aq ingn mruba tinggi gambar header
Mau di coba dech
pantesan punya saya acak acakan..
yathi--> kode yang paling penting bagian "#header" jika tidak ada klik gambar header kamu, maka ia akan beralih ke halaman gambar tersebut tersimpan. misal setelah diklik maka beralih ke alamat :http:/abc.com/ikan.jpg" nah cari alamat ini pada tab edit html. Dan pada bagian "height" dan "width" ganti dengan ukuran yang sesuai gambar yang ingin diganti..semoga membantu ya..
terimakasih mbak tutorialnya, sekarang blog saya jadi tambah lebar.
Postingan MANTAB dan BERMANFAAT
by: hypnosistcp.blogspot.com
Makasi ya...
Nice Sharing....
terima kasih ya atas sharing nya nice
Thanks infonya...
thx infonya sangat bermanfaat ..
telah berhasil di follow, di follback ya .. http://ayooprinting.blogspot.com
jazakumullohu khoiron infonya sangat bermanfaat. numpang nyimak.
Wowww.. kerren banget penjelasannya..
sangat bermanfaat..
thanks sob sudah berbagi ilmu..
mantab banget kakak tutorialnya..mampir ke blog ane cari uang lewat ekiosku.com yach..thanks
oke.aku coba yah.lam kenal gan
mbk, blognya bgus bget..
oke.aku coba yah.lam kenal gan
lucu banget blogmu dek, penuh dengan warnamerah muda... salam kenal :) main main yaa
Kunjungan :
http://jandi-blog.blogspot.com/2014/03/jika-anda-ingin-mengatur-ukuran-halaman.html
main2 ke blog aq yah...
terimakasih infonya :)
rahmadhaniatika.blogspot.com
main2 ke blog aku juga yaaa :))
terima kasih infonya,kalo mau menghilangkan dibawah header gmana?
Blognya Bagus.:) + Post
Sukses terus untuk artikelnya bagus bgt ^^
Wow...
Banyak kali komentarnya...
Ikut ngeramein, ah...
Thanks artikelnya...
makasih non, tipsnya, ini blog kami rame-rame: unyu
Thanks for sharing it as a blog. gta 5 app apk
Posting Komentar