Announcement:

  Hello, We Changed Our Cloth, How It Is Looking? Leave Your Feedback At Our Page.

Thursday, August 2, 2012

How To Put Blogger Header In Center Using CSS?

This Article Was Live On: Thursday, August 2, 2012 And Till Now Have4 comments.
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.


How To Put Blogger Header In Center Using CSS?
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 Article Using...




Don't Forget To Read This Also...



4 comments :

  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?

    ReplyDelete
    Replies
    1. If You Still Want To Make Your Header In Center, Increase The Margin...
      Or Else, Leave Your Blog URL...

      Delete

Speak Your Mind:



Please Read The Rules Before Commenting:-

1.) Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
2.) Make sure to click the "Notify me" link below the comment to be notified of follow up comments and replies.
3.) Please "Do Not Spam".
4.) Please "Do Not Add Links" to the body of your comment as they will not be published. If the quires contain link then never add HTML tag to it.
5.) Only "English" comments shall be approved and answered.
6.) If you have a problem check first the comments, maybe you will find the solution there.
7.) Your comments must contain 100+ characters to remain accepted.
8.) Never Use Keywords In The Name Section Otherwise Your Comment Will Be Deleted.
9.) All comment will be deleted if it will not fulfil the requirements.