Removing the Border from your Blog Header

Frequently I like to add a photo or image to my header (see above). But if you want to use a larger image than the space that blogger provides, you may not like the way that the borders end up sticking out from behind the edges of your image. To completely remove the header borders: 1. Go to the Layout Tab of your blog editing page. 2. Click the "Edit HTML" tab.

3. Now if you're nervous - make a back-up of your template by clicking the "Download Full Template" link. This will pop up a Windows Save As window which will allow you to save your template to your computer. If you should need to re-load it later, you can just come back to this page and retrieve the file by using the Browse button just below the link.

4.Underneath the "Edit Template" section you will see a box containing the HTML code for your current template. You will need to scroll down through this until you get to the Header section. Underneath the Header section you need to first go to the "#header-wrapper" section:

Change the Margin to "margin:0 auto 0px;" and the border to "border:0px solid $bordercolor;" as below.

5. Then scroll down to the "#header" section:

Change the margin to "margin: 0px;" and the border to "border: 0px solid $bordercolor;" as below:

And that's it! You're done! You can even hit the Preview button before you save if you're still nervous!