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”.

 

blogger html search, blogger view html, how to center text in blogger, How do I fix my blogger header, how to center header on blogger, how to align header image in html, wordpress center header image, How do I center my header image on Blogger,How do I move the header title in Blogger, Move blog Header Center, Up, down or anywhere, How do I change the header image on Blogger, How to set your blog header image alignment using Blogger Template Designer, How to set your blog header image alignment using Blogger Template Designer.

 

Special request – Please let us know through a comment that how our effort was. Do not hesitate to give an dverse opinion, give your opinion impartially. Please subscribe to our blog and like our Facebook page. Subscribe to our YouTube channel “Start with Wikigreen”. Please share it to your friends and beloveds. Thanks a lot for visiting our page.