HTML Editing-How to set a small blog Header image to full page width ~ SAMPATKUMARI'S Blog "PARISHKAR"

HTML Editing-How to set a small blog Header image to full page width

HTML Editing-How to set a small blog Header image to full page width-Every blogger uploads a blog header image of his choice to make the appearance of his blog better. Blog header images really decorate the blog and make it’s appearance attractive, but if the blog header image, if it is of in correct size or not properly set, will spoil the look of the blog instead of making it attractive. A small blog header image placed in centre or in the left or right may look awkward but if you want to stretch the image on your entire page, you can easily do it using the blogger template designer and adding a small HTML code there. To do it follow this simple procedure -

HTML Editing-How to set a small blog Header image to full page width
HTML Editing-How to set a small blog Header image to full page width

1)   Login to your blogger Dashboard using your blogger ID and password.
2)   Click template.
3)   Click customize.
4)   Click Advanced.
5)   Click Add CSS
6)   The following screen will appear


Here you have to add the following CSS code in the empty box as shown above-

#header-inner {
background-size: cover;
width: 100% !important;
text-align: center;
}
#header-inner img {
 width: 100%;
 height: 100%;
 }

Click “Apply to Blog” button in the top right hand corner to apply the template changes and return to blogger by clicking the Back to blogger. Now check your blog header image and if you have done every thing correct it will spread over the entire header line.

If you like click this link HTML Editing-Add Go To Top Button Or Image To your Posts to learn more about adding a ‘Go to Top’ Button at the bottom of your post.

Klick here HTML Editing-Define Maximum Limit or Number of Posts Under a Label to read more about defining limit or set maximum number of posts per label.



1 comment:

  1. Quite informative post Sampat Kumari jee :)

    ReplyDelete