Saturday, 8 June 2013

Put Google Adsense Below Post Title in Blogger


Adsense is the first choice of many expert bloggers for their blog monetizing because it is a contextual based ad which shows relevant to the content. To increase the ad revenue webmasters try various ad spot on their blog to get maximum output from their advertisement programs. You might have observed an ad below post title in most of the big blogs. Why they prefer adding ads below the post title? It is because the spot just after the post title is the best place to put ads to increase Click Through Rate (CTR). But you should not rely on what other follows. You should keep trying to add adsense at various locations to check which spot works best for you. Come to our today's tutorial which is about how to show Google Adsense Ad below post titles in blogger. So, let start the tutorial.
Creating Google Ads
  1. Go to your Google Adsense account.
  2. Create a new ad unit.
  3. For better results choose wide area ad sizes like 300*250 Medium Rectangle or 336*280 Large Rectangle.
  4. Customize your ad colors and click on save and get code button.
  5. Now parse this code using this HTML Parse Tool to change special characters into their corresponding HTML entities. The ads won't appear if you use that code directly.
  6. Now copy the parsed code.

Adding Google Adsense in Blogger Below Post Titles

  1. Go to Blogger >> Template.
  2. Backup your blog template.
  3. Click on Edit HTML button.
  4. Tick on Expand Widget Template box.
  5. Press Ctrl+F and search for
  6. <data:post.body/>
  7. Now paste below code just above it.
  8. <b:if cond='data:blog.pageType == &quot;item&quot;'>
     PLACE YOUR AD CODE HERE
    </b:if>
  9. Replace PLACE YOUR AD CODE HERE with your parsed ad code.
  10. Click on save template button.
  11. You are done!

Once you performed these steps then visit any of your blog posts. Ad below post title will look something like this:


The ad below post title will appear at the left side. If you want to show it at the right side or at center then use below code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align="center">
 PLACE YOUR AD CODE HERE
</div>
</b:if>

If you are unhappy with the results and want to wrap text around Google adsense ads like this:
Put Google Adsense Below Post Title in Blogger


Then use below code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="float:left; margin:10px;">
 PLACE YOUR AD CODE HERE
</div>
</b:if>

Replace left to right if you want to show ads on the right side wrapped with text.

Note: Observe that all of the above codes are added between conditional tags which will show ads only on post pages neither on homepage nor on labels page. If you want to show ads on every page then remove those conditional tags.

If you are showing ad on homepage and label pages also then take a look on your ad. It will be shown below all post's titles means if you have set 5 posts to appear on your homepage then it will only appear below first 3 post's titles. Last two will be shown as blank white space. I recommend you to show ad below first post title only. Replace above conditional tags with below ones to show single ad on homepage and labels page below first top most post's title.


<b:if cond='data:post.isFirstPost'>PLACE YOUR AD CODE HERE</b:if>

No comments:

Post a Comment