The One with How to Center Your Blog Banner Tutorial


Wednesday, June 29, 2011

You think there'd be an easy option for centering your blog banner in Blogger. I think it used to center itself, and maybe yours does it automatically from the template you use, but things are always changin' so you never know. Into HTML we go!

Go to your Blogger Dashboard.
Photobucket

Click on Design.
Photobucket

Click on Template Designer under the Design tab and you'll go to this screen.
Photobucket

Click on Advanced on the left side.
Photobucket

Scroll down to Add CSS and click on Add CSS.
Photobucket

Copy this code that's in bold and paste it in the big white box.

#Header1 {width:650px;margin:0 auto}

(the code is highlighted in blue in the picture where it needs to be pasted):
Photobucket

In the preview below it should center right before your eyes.
Photobucket
IF IT'S NOT COMPLETELY CENTERED, try changing the 650 to 550 or 750 and keep tweaking the numbers until it's centered.

Click on APPLY TO BLOG on the top right corner.
Photobucket
TA DA! Easy peasy!

If this didn't work for you, feel free to email me and we'll try to work it out.

What else do you want to learn how to do? Let me know and I'll make a tutorial!

10 comments

  1. Thanks for this tutorial Paige.I needed that:))

    ReplyDelete
  2. Thanks for your helpful tutorials! My blog can always use the help :)

    ReplyDelete
  3. I like these blog tutorials a lot! :) How did you make your banners that say pictures of us, find paige here, etc.? And how do you add them to your blog?

    ReplyDelete
  4. This was soooooo helpful when I asked you earlier so I'm glad you shared it with everyone! Amazing!!!!! Do you know how to change the font in the blogs?

    ReplyDelete
  5. (this is daisy btw) never mind, i played around and figured it out - that was an easy one! do you usually upload your photos tophotobucket and html link it or do you just use the blogger upload function? should i be afraid of not having enough room eventually? your expertise is greatly appreciated! ps farmer's market tomorrow? a ton of peeps are going at 6:30 - a litttle later but if u don't have a set time - should come with!!

    ReplyDelete
  6. Thanks again. But what I really want is for my header to stretch across the whole page. Any suggestions?

    ReplyDelete
  7. Thanks for the help and the comment on my post. You are the coolest! Maybe now you can explain to us how the heck to make our own special banner?! I am so stumped & mine needs a little somethin' somethin'.

    ReplyDelete
  8. oh my gosh paige, i totally did this and it worked! you are the bomb!!!! thank you!

    ReplyDelete

Note: Only a member of this blog may post a comment.

Paige Taylor Evans © // Quinn Creatives DESIGN