Jadi disini yang dimaksud H1 Zero adalah jika mengganti header blog dengan gambar melalui tata letak di Blogger, kemudian template yang dipasangi gambar itu tidak support dengan gambar header blog. Untuk mengujinya yaitu pada saat memasang gambar di template blog melalui "tata letak" silahkan cek di chkme, jika H1 terdeteksi Zero berarti template tidak support untuk dipasangi gambar Header.

Header Blog adalah bagian paling atas pada sebuah situs yang berisi nama situs, menu, tempat pencarian, lokasi situs, media iklan dan sebagainya. Apabila pada elemen header ini tidak menarik, langkah yang pas adalah dengan mengkombinasikan warna serta memberi background dengan tema dan layout yang sesuai. Jadi, tidak hanya body background yang kita modifikasi namun juga pada bagian header lah yang paling utama.

Agar background tersebut menarik, berilah gambar yang bagus atau bisa juga padanan gradiasi warna yang sesuai dan bisa juga animasi, atau bahkan hanya text saja. Hal ini akan menjadi pertimbangan untuk anda menentukan sesuatu yang cocok untuk dimasukkan kedalam latar belakang header tersebut.


Mengganti Header Blog Dengan Gambar

Cara Mengganti Header Blog Dengan Gambar


1. Buatlah gambar yang sesuai dengan kehendak kamu dan ingat gambar tersebut harus sesuai dengan luas header-wrapper agar nantinya sesuai dengan template. Kemudian tambahkan gambar dan kode "overflow:hidden" tersebut pada CSS header-wrapper sebagai backround pada edit HTML:
#header-wrapper{background:url(http://3.bp.blogspot.com/-fSb0Ff5MGw0/UUcdKx6ApUI/AAAAAAAAXsA/qjZ63XQ3hF4/s1600/header+kompidotcom.png)no-repeat;width:980px;margin:0 auto;overflow:hidden}
Warna hijau ganti dengan gambar yang anda edit. Yang warna biru sesuaikan dengan lebar template, lihat juga jika ada kode heigh maka sesuikan dengan tingginya juga.

2. Kemudian tambahkan kode "visibility:hidden" tanpa tanda kutip pada kode CSS header. Contohnya adalah seperti kode dibawah ini:
#header{float:left;width:500px;text-align:left;color:#333;margin:0;visibility:hidden}
3. Save template dan lihat hasilnya.

Ok sobat sekian tutorial Cara Mengganti Header Blog Dengan Gambar Jika H1 terdeteksi Zero di chekme, atau cara mengganti header blog dengan gambar untuk template yang tidak support gambar header, selamat mencoba.
7 Komentar untuk "Cara Mengganti Header Blog Dengan Gambar Jika H1 Zero"

gan mau tanya kalo kasusnya ane masukin gambar jadi header... tapi ga bsa full.. di bagian kiri sama bawahnya masih ada spasi gitu

klo kodenya gak ada gmn mass....?

kodenya ada tapi mungkin namanya yang berbeda di templatenya sobat.

Sesuaikan gambar dengan lebar template blog atau tambahkan kode css background-size:100%; kedalam #header-wrapper