Insert Advertise Banner in Blogger Header

1. Login to Blogger.com and navigate to Layout > Edit HTML page of your blog

2. On the Edit HTML page you will see the option to back up your template by downloading it to your system. I strongly advise that you take this opportunity to backup as you are about to make a change to your template where if something goes wrong you may not be able to restore it.

3. Once you have backed up your template place a check in the Expand Widget Templates box

4. Search your template and locate the following lines of code within the header section of the template:(note you can search by using CTRL + F and entering <b:includable id='main'> into the search box

&ltb:includable id='main'>
<b:if cond='data:useImage'>

5. Now insert the following 2 lines of code directly below <b:includable id='main'> and before <b:if cond='data:useImage'>

<div class='ads'>PLACE YOUR BANNER CODE HERE
</div>

6. When you are sure you have correctly inserted the code into the template scroll up until you find this line in your template ]]></b:skin>

7. Immediately before this line add the following lines:

/* Header Banner
----------------------------------------------- */
#header .ads{width:480px; height:80px; float:right; padding:20px 0px 0px 0px}


8. Click on Save Template.
9. Click on View Blog to view your new banner.