Trending

Wednesday, January 30, 2013

How to Center your Blog's Header

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. 

  • 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.




4 comments:

  1. That's the way to do it indeed.

    I love your new layout. Awesome.

    Have a terrific day. :)

    ReplyDelete
  2. Your 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
    Replies
    1. +Julie Maloney, so sorry. It might be the adfly but I removed it already.

      I usually do it myself because I can't afford to hire web designers or some sorts :D

      Delete

About

Follow me on Instagram: @rockbleeder

Popular Posts

Follow by Email

Designed By Blogger Templates