**NEW**How to center banner with new Template Designer

 Is your blogger banner not centered with the new Template Designer?  Once your blog has the 'simple' layout' or the 'picture window' layout it will move your banner over to the left.  Does it look like this image below?   This will make your blog look unprofessional and it is just simply annoying!!  Well,you are at the right place!  This is an easy step by step tutorial that will show you how to center your blog banner with the new Template Designer.

 You should already have your banner on your blog. If you do not this is how you apply the blog banner.
On your 'Design' page click on 'Edit' text to your header.

Click Browse.  Find your banner that you saved on your computer.  

Mark the circle that says, 'Instead of title and description'.  Then click 'Save'.

 Click on 'Template Designer NEW!'

 Next you will click on 'Advanced'.

Click on 'Add CSS' (bottom of Advanced list). 

 You will need to remove the text that is in the white box.

Paste the following code in the white box:  #Header1 {width:650px;margin:0 auto}
If you made a custom banner you will need to change 650 to the size of the banner you designed.  If you
used one of our free banners you can leave the code with the 650.  If it still looks a little off, play around with the number.  Some of our free blog banners are 700 px wide or 750 px wide.    

Next you will click 'Apply To Blog' and then click 'View Blog'

You now have a cute banner on your blog that is centered!!