How to Center the Blogger Header Image | Tech Blog in Africa for How TOs


How to Center the Blogger Header Image


Share... ☂

Share on Facebook
Share on Twitter
Google Plus
Center Blogger Header Image is a fantastic way of making your blog look good most especially in this type of platform which everything you need can be code accordingly.

The blogger shrink to fit option most time does not work for some template so you need to implement some CSS code which I will be teaching you now.


Step 1
First you need to log in your blogger account

Step 2
Then select your blog, then go to "Template"

Step 3
click the "Customize" button on the right side.

Step 4
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 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
Now Press ENTER key after you paste the code snippet.

Step 6
Then click the "Apply to Blog" button and that's all you need.

Feel free to drop a comment below thanks.

Show zealmatblog love by Copying the Below link and Share on Social Media
Share :


No comments:

Post a Comment

Create your website from just N299/Month with DomainKing.NG.

P.S: Want me to help you personally? If yes, you can buy my helpful eBooks or Hire me now!

Do you need original SEO ready articles for your blog or website? If yes, hire Mathias Amodu on Fiverr. Expect simply the best from me.

Parse Your Adsense HTML code Here

We love to hear from you!

Sign in to comment "anonymously" without entering verification text.