How to set your blog header image alignment using Blogger Template Designer

How to set your blog header image alignment using Blogger Template Designer-Most of the bloggers use their own Blog Header images, Because the Blog Header Image makes the blog more attractive. But if the image is not properly set or adjusted it may deteriorate the blog’s appearance instead of making it attractive, therefore the blog header image we are using must be set properly according to our page. If you are using the blogspot platform there is a fine arrangement in blogger template designer where you can easily set your blog header image by adding a simple CSS code. To add the CSS code please follow the following simple process-

How to set your blog header image alignment using Blogger Template Designer

· Login to your blogger Dashboard using your blogger ID and password. 

· Click template. 

· Click customize. 

· Click Advanced. 

· Click Add CSS

· The following screen will appear

Blogger Template designer

Here you have to add the following CSS code in the empty box.

          #header-inner {

          background-position: center !important; 

          width: 100% !important;

          text-align: center;

          }

          #header-inner img {

          margin: auto;

          }

i. The above code will centre align your blog header image. 

ii. If you want to left align the image, replace “centre” with left. 

iii. If you want to right align your image replace ”centre” with “right”.

You like you can read Blogger SEO Tips-Swapping Blog Title for Better SEO Results here.

Click the button “apply to blog” in the top right hand corner and exit by clicking “Back to blogger”.

If you like read HTML Editing-Blogger Template Customization by Editing HTML Document by clicking here.