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!
Paige Taylor Evans © // Quinn Creatives DESIGN