Setting your blogspot header image in center makes your blog look much more cooler, we all know making your blogspot blog friendly and easy to navigate requires deep knowledge in xml coding.

Today i will put you through on How to Center the Blogspot Header Image the right way, i have made this tutorial as easy as possible for you to understand.

Not all template might come with centered image css but if you coding the default blogspot theme avaliable in your dashboard then you might want to follow this technique.

How to Center Blogspot Header image Using CSS

  • Step 1: Login your Dashboard

First you need to log in your blogger account

  • Step 2: Click Template

Then select your blog, then go to “Template“

  • Step 3: Click Customize

click the “Customize” button on the right side.

  • Step 4: Using Advance Option

Proceed to “Advanced” > “Add CSS” tab and paste the code in the empty box:

#header-inner {background-position: center !important;width: 100% !important;text-align: center;}

#header-inner img { margin: auto;}

Now you have successfully centered your blogspot header image.

Now if want to use a small image and you want it to become full width, add this CSS below:

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

#header-inner img { width: 100%; height: 100%;}

  • Step 5: Enter Key

Now Press ENTER key after you paste the code snippet.

  • Step 6: Apply to blog

Then click the “Apply to Blog” button and that’s all you need.

Wow… Now you can enjoy this centered feature, if you still having problem use the comment box.

 

Join our Active Telegram Group chat for discussions and updates
Join Now
This Post was Last updated on February 27th, 2019, we update our content constantly to give you the best.
Note: We don't support duplicate content, this material and other digital content on this website may not be reproduced, published, broadcast, rewritten or redistributed in whole or in part without prior express written permission from Deegeek Nigeria. All content are protected by the Digital Millemium Copyright Act 1996 (DCMA)