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 b y 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. 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 b y 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.