How to Change / Add Background Image Header in Blogger / Blogspot

This method is used to change / add headers overall picture as the background / foreground. If you just want to replace / install the header image on the title and description, simply go to the Page Elements and click edit on the widget title and description in the header. Upload your images through the upload feature that has been provided.
However, to replace the entire section backround / background wrapper in the header of your blog, use the following ways:

1. Go to Edit HTML.
2. Find (Ctrl + F) # header-wrapper or the like (each template is not the same depending on the basic template). Declarator is always in the setting header and top position.
example:

     # header-wrapper {background-color: # 00000; width: 975px; margin: 0 auto 0; height: 125px;)

3. Add these attributes before the background-color (or you can remove the background color if the header section you will be filled with pictures):

     background image: url (http: //alamat-url-gambar/gambar.jpg);
     background-repeat: no-repeat;

example becomes:

     # header-wrapper {
     background image: url (http: //alamat-url-gambar/gambar.jpg);
     background-repeat: no-repeat;
     background-color: # 00000;
     width: 975px; margin: 0 auto 0; height: 125px;)


Or rules shorthand for background may also be used:

     background: url (http: //alamat-url-gambar/gambar.jpg) no-repeat # 000000;

example:

     # header-wrapper {background: url (http: //alamat-url-gambar/gambar.jpg) no-repeat # 00000; width: 975px; margin: 0 auto 0; height: 125px;)

Replace http: //alamat-url-gambar/gambar.jpg with direct url where you upload the blog header image. Before uploading and installing the header image, edit or make sure the size of the image is equal to the width and height of the blog header.
4. Save the template.