How to edit and center header in blogger

How to Center Header in Blogger?

You may added header image in your blogger blog. The header image is not in the right position. It's going to left of right position. Now, you may want to center your header image in blogger. This may happen when your header image is not adjusted to the default blogger header. That's why we have to customize it. We can center our header with two ways. Just follow the following steps to do so ...

There are several ways to center header in blogger. Each of the ways are very effective and all of them work perfectly. You should any one of the following.

First Rule

1. Go to Blogger → Template → Edit HTML → Proceed 
2. Expand the Template checking the expand box.
3. Press (Ctrl + F) to find ]]></b:skin> code on your Template.
4. Now paste the following code before ]]></b:skin>.
   

   #header-inner img {margin: 0 auto !important;}
   #header-inner {text-align:center !important;} /* You should include it if you are using Template Designer*/

Second Rule:

1. Go to Blogger → Template → Customize
2. Then Click on Advanced Tab → Add CSS
3. Add the code below in the Add CSS field and Click Save.
   

   .header-outer {
   margin-left: 90px;
   }

   Note: You should change 90px according to your header width.

Third Rule:

1. Go to Blogger → Template → Customize
2. Then Click on Advanced Tab → Add CSS
3. Add the code below in the Add CSS field and Click Save.
   

   #header-inner img {
   margin-left: auto;
   margin-right: auto;
   }

If you follow the rules perfectly, you should Center header in Blogger perfectly. Let me know if you feel any problem. You can post comment under this post if you have any question or suggestion.