Cara Mengganti Background Header Blog melalui edit HTML

Login dulu ke akun blogger anda

Masuk ke manu tempalate. Untuk menghindari kesalahan dalam meng-edit template sebaiknya anda backup dulu template anda. Cara nya dengan meng-klik cadangkan/pulihkan >> klik unduh template lengkap

Klik Edit HTML

Silahkan cari kode #header-wrapper

Kodenya mirip seperti ini, silahkan anda ganti kode #header-wrapper dengan kode dibawah ini.

#header-wrapper{width:980px; height:196px; text-align:left; background:#272727 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEink2D-zKq4DOwlV9GUUZkPW_kWrBsmDUyfhqOJ474qAtSjSWGJabj6ddgfXxnhXYSi6C0wUUbTMcKxWl8hQ5edJc4CkHih-2uHVf-eEhrsFLE7u1uRDKIBUlpd3Vc8L2wFueQytHfJ4G8/s1600/background+blog.jpg) repeat-x; padding:0px}
Akan saya jelaskan lebih lengkap mengenai kode diatas..

1. width:980px adalah lebar gambar blog anda, bisa anda ganti sesuai selera dan ukuran header blog anda.height:196px adalah tinggi gambar blog anda, ini bisa anda ganti juga sesuai selera.
2. text-align:left adalah letak teks pada header blog anda, bisa anda ganti dengan text-align:right jika ingin teks berada di kanan, dan bisa anda ganti dengan text-align:centre jika ingin teks berada di tengah.
3. url(...) adalah url gambar anda, bisa anda ganti dengan url gambar yang lain.
4. repeat-x bisa anda ganti dengan no-repeat, jika tidak ingin ada pengulangan. Anda juga bisa mengganti dengan kode yang lain.
5. padding:0px juga bisa anda ganti sesuai selera.

• Setelah kode sudah tersusun dengan benar, anda bisa menyimpan template anda, dan silahkan lihat hasilnya...

Sekarang anda bisa melakukan cara yang kedua, yaitu..

Cara Mengganti Background Header Blog melalui menu tata letak

• Seperti biasa, masuk ke akun blogger anda
• Masuk ke menu tata letak
• Lihat dibagian widget judul blog, silahkan klik EDIT

• Nanti akan muncul window baru seperti ini

 

Akan saya jelaskan mengenai gambar diatas... Saya sudah memberi warna kotak pada setiap bagian

1. Warna kuning digunakan untuk mengambil gambar dari komputer anda, isi sesuai selera anda.
2. Warna merah digunakan untuk mengambil gambar dari sebuah url gambar, bisa anda isi sesuka anda.
3. Warna hijau adalah penempatan dari gambar, anda bisa pilih sesuai yang anda mau.

• Setelah anda mengisi dengan benar, silahkan klik SIMPAN
• Lihat hasilnya...

- See more at: http://www.seoterpadu.com/2013/06/cara-mengganti-background-header-blog.html#sthash.VYnYZdaT.dpuf

Lebih Menarik Lagi: