Mengganti Background Header Blog

 Cara Mengganti Background Header Blog memang sangat mudah. Ini adalah artikel pelengkap dari artikel Cara mengganti background blog. Bisa anda baca Cara mengganti background blog

Kan rasanya kurang enak kalau hanya mengganti background blog saja. Sedangkan background header blog masih dalam keadaan kurang menarik. Jadi, mari kita coba bahas cara mengganti background header blog
ini...

Background header blog tidak harus berupa gambar, bisa juga dengan menggunakan warna polos seperti blog saya ini.

Header blog adalah bagian pertama yang dilihat oleh pengunjung. Jadi, ini bisa menjadi tolak ukur untuk menentukan apakah blog tersebut menarik, cukup menarik, ataupun tidak menarik.

Jika anda ingin membuat blog yang menarik. Anda bisa mengikuti langkah-langkah di bawah ini untuk mengganti background header blog.

Cara Mengganti Background Header Blog
OK, jadi mari kita mulai saja. Untuk cara mengganti background Header Blog itu ada 2 cara, yaitu:

    Melalui Edit HTML template, dan bisa juga
    Melalui menu tata letak blogger

Jujur dari saya, bahwa mengubah background header blog lebih enak dengan menggunakan edit HTML. Kenapa demikian? karena dengan menggunakan edit HTML, kita bisa leluasa untuk mengatur gambarnya. Seperti merubah ukuran header, merubah susunan gambar, mengubah susunan teks pada gambar, dan lain-lain.

Sedangkan mengubah background header melalui menu tata letak masih minim keluasaan dibangingkan mengedit dengan edit HTML. Tapi tidak ada salahnya juga untuk mengganti background header blog dengan menu tata letak.

Jadi langsung saja kita bahas kedua poin diatas...

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/AVvXsEhS29qUvAR4b4Kb8qZdD3wBwTIZDrKwMc6K0miAnAjkf_ORs-FgI0_XDnte-1A4GCKCPQ4yRrRKrxl6H9qvGyAA5k7cC5Tsiwv175Ck_5aIHezKZhmTKGy49__ZkvU3j9tbtnHGLeZ5I6A/s1600/background+blog.jpg) repeat-x; padding:0px}

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.

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. 

url(...) adalah url gambar anda, bisa anda ganti dengan url gambar yang lain.
 repeat-x bisa anda ganti dengan no-repeat, jika tidak ingin ada pengulangan. Anda juga bisa mengganti dengan kode yang lain.

padding:0px juga bisa anda ganti sesuai selera.

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