My Secondhand Jumpsuit needed a blog beautification so I had to make sure everything is in their right place. I noticed that the header is aligned on the left side. I know you are also irritated seeing your header hanging out on the wrong side. Anyway, here's a simple instruction on how to center your header on Blogger.
- Upload your Header image.
My Secondhand Jumpsuit's Header
- Go to your Template Designer > Customize> Advanced > Add CSS and add the code below:
.header-outer {
margin-left:100px;
}
- Adjust “100″ value with your desired width. Play with the numbers until you get it perfectly. Lower numbers will move your header to the left and higher number move your header to the right.
 |
| BEFORE |
 |
| AFTER |
What do you think of my new layout? Please drop your comment below. And don't forget to check this out - How To Center Google Adsense Leaderboard.
How to Center your Blog's Header
Reviewed by Anonymous
on
January 30, 2013
Rating:
Reviewed by Anonymous
on
January 30, 2013
Rating:
That's the way to do it indeed.
ReplyDeleteI love your new layout. Awesome.
Have a terrific day. :)
Thanks! Have a nice day! :)
DeleteYour website hates me lol, I've commented a few times and it's either redirected me to a page that isn't your blog or it's wiped out my comment so I sure hope you get this! I love the design you did, I'm all about getting things streamlined and centered. I luckily had someone design my blog for me. I couldn't ever do that kind of work myself!
ReplyDelete+Julie Maloney, so sorry. It might be the adfly but I removed it already.
DeleteI usually do it myself because I can't afford to hire web designers or some sorts :D