Affilate Banner Put Below in your Blogger Post

In today's Blogger tutorial you will learn just how easy it is to place an affiliate banner at the end of each post of a Blogger Blog (Blogspot blog). This is a relatively easy task but does require adding a short snippet of code to your Blogger Template. For those new to Blogger or without much technical knowledge don't worry as I have broken down the steps so that any one can follow them even virtual beginners.

 

How to Add an Affiliate Banners Below a Blogger Post:
The Instruction below will place an [affiliate banner] below each post in your blog. The banner will appear on all pages including the home page. If you want faster loading times and the banner to appear only on individual post pages see tips and troubleshooting below for instruction on how to restrict the banner display to post pages only.

1. Login to Blogger if not already logged in.
2. Navigate to Design > Edit HTML.
3. Backup your Blogger template as a precaution by downloading to your computer.
4. Check the Expand Widgets Template Box.
5. Find the following lines in your Blogger template with CTRL + F to bring up the search box.

<div class='post-footer-line
post-footer-line-3'/>
</div>

                 

6. Paste your affiliate banner code between these two lines.

           

<div class='post-footer-line
post-footer-line-3'/>
Place the Affiliate Banner Code Here
</div>

Once you have finished your code should like something like the following which places a horizontal like banner (468x60) in the post footer but any size banner can be inserted below each post provide your template is wide enough to accommodate it:

<div class='post-footer-line
post-footer-line-3'/>
<a
href='https://chitika.com/publishers.php?refid=
XXXXXX' style='text-decorate: none;'
title='Get Chitika | Premium'><ima alt='Get
Chitika | Premium' brorder='o'
src='http://scripts.chitika.net/eminimalls/logos/
468x60.png'title=Get Chitika | Premium'/><</a>
</div>

         
7. Save Template:

8. Click on View Blog to see your New Affiliate Banner in Action.

9. Get Chitika Premium:

10. Tips and Troubleshooting:

 

If your template does not have these lines kit may only have tow post footer lines in which case you can do one of two things.

           Add these lines to your Template:
         

<div class='post-footer-line
post-footer-line-3'/>
Place the affiliate banner code here
</div>

Or place the affiliate banner code between the following lines:

<div class='post-footer-line
post-footer-line-2'/>
Place the Affiliate Banner Code Here
</div>

If you would like the banner to appear below your post only on the post page and not the home page then you will need to add an if statement to the code as follows:

<div class='post-footer-line
post-footer-line-3'/>
<b:if cod='data:blog.pageType = = "item"'>
Paste Affiliate Banner Code Here
</b:if>
</div>

If you are having problems adding the affiliate banners code to the template make sure that only single quotes are used. The Blogger Template Code is sensitive to this and usually doesn't accept double quotes.