How to Center a Header on Blogspot

Get Free SEO Tips

IMG_20160804_001036
Follow me

Mathias Amodu

Founder at Zealmat Limited
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large
Follow me
Blogging with a good design has always being one of the best thing every blogger should put into practice and also your content too.

The blogger header logo or banner is a symbol of  what your blog stands for and you should know that the first thing every visitor wants to see is your logo and the description below and this tutorial have being created to assist your set your logo in the right position so just follow the steps below carefully.

Image















Step 1
First open your blogger dashboard, and then select your preferred blog.

Step 2
Now click “Layout” in the page’s sidebar, then click “Template Designer“.

Read Also:  How to center align Adsense Ad in Blogger

Step 3
Click “Advanced” in the designer’s first column, then click “Add CSS” the last link in the second column.

Image

Step 4
Paste the following code into the “Add Custom CSS” box:

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

Step 5
Finally click “Apply to Blog” and that’s all you need to do

About Mathias Amodu 912 Articles
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large

9 Comments

  1. This is very useful for bloggers who are using Blogspot. But I think there's no need to do this especially when your template already supports centering of your header image. Hehe. I've used Blogspot for a while before moving into WordPress and that's where I learned a lot about HTML and CSS. I love tweaking themes! <3

    xx, Wandering Ella

  2. I'm sure this will be pretty much helpful to newbie bloggers who use blogspot. Not all bloggers have the HTML and CSS background, and tutorials like this can help them tweak their themes to their liking.

Leave a Reply

Your email address will not be published.


*


[mc4wp_form id="3153"]