Monday, April 16, 2012

How to center Header in Blogger

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 :)

Step 1: Upload your Header image. (assuming that you know how to upload header image)

Step 2: Go to your Template Designer > Advanced > Add CSS (see below), and add this code:

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

Now you will need to adjust the “90″ value, depending on how large your header is, and how wide your blog is, so just play with the number until it looks right.  (smaller #s will move your header to the left, and larger #s will move your header to the right)

LOVED THIS POST ? For more valuable tips and Freebies visit Sensible Web Guide