LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Tricks » How To Put Blogger Header In Center Using CSS?

How To Put Blogger Header In Center Using CSS?

How To Put Blogger Header In Center Using CSS?

Today the simple question is “How To Put Blogger’s Blog Header Div In Center Using Simple CSS To Set Your Template With A Great And Cool Look?”. Sometimes your Header image is not as wide as the rest of your blog, and let’s face it, it looks lousy just hangin out on the left. It is really easy by the way.The error screen shoot is also available here, So it’s time to fix it.

Before

How To Put Blogger Header In Center Using CSS?
After

How To Do This In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To “Template”.
4.) Click “Edit HTML”
5.) Back Up Your Template.
6.) Now Click “Expand The Template”.
7.) Now Press CTRL+F And Search ]]></b:skin>
8.) And Paste The Below Code Just Before It.

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

Customization:
1.) Set 90 To Your Desire Margin.
2.) Save And Done.

You Like It, Please Share This Recipe With Your Friends Using...

4 Responses to “How To Put Blogger Header In Center Using CSS?”

  1. When I did the same, the code itself is appearing in the site…

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

    Should it be as it is above, or the . in front of header-outer be removed?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>