Add Adsense Above/Below The Blogger Posts

Adding Adsense inside Blogger posts will surely help you to increase the revenue,however every coin has two sides,you must take care of the page CTR.Because this trick will help you to get more clicks on your Ads as compared to ordinary clicks.This is really useful for those bloggers who has high page views but less clicks,so be happy now you can earn alot,let's see how to add Adsense Between the Blogger posts.


How To Add Adsense Between The Blogger Posts


  • The First Step is that you have to login to your Adsense Account >> Create new ad unit .
  • Then Copy the Adsense Code from there and Parse it via Adsense Code Converter Tool.
  • Now Add the parsed Code in the below Script/Code
<b:if cond='data:blog.pageType == "item"'>
Paste the Parse Adsense Code here
</b:if>
  • Now Copy the Above Script and Go To Blogger Dashboard.
  • Click On Template As Shown Below
  • Now Click on edit HTML and Proceed that.
  • Check the small Box "Expand Widget Template".
  • In this Step Search for this Code <data:post.body/> .
  • Note :- In Magazine Blogger Template you may found the Above Code two or three times , so do the below step for All.
  • Now If you want to Show your Adsense Ads Above the Post So Paste the Above Code up this Code <data:post.body/> .
  • And If You want to Show Adsense Ads below the Blogger Post so Copy the Above Script and paste it below <data:posts.body/> .
  • Now save template and that's it !
If You want to Add Adsense Ads on right Side of the Blogger Post the Follow the below Steps

Adsense Ads at Right Side

  • Copy the below Script (must add the parsed Code in the Script)
<b:if cond='data:blog.pageType == "item"'> <div style="float:Right;">Paste the Parsed Adsense Code here </div></b:if>
  • Go To Blogger Dashboard 
    • Click On Template As Shown Below
    • Now Click on edit HTML and Proceed that.
    • Check the small Box "Expand Widget Template".
    • In this Step Search for this Code <data:post.body/> .
    • Note :- In Magazine Blogger Template you may found the Above Code two or three times , so do the below step for All.
    • Now If you want to Show your Adsense Ads Above the Post So Paste the Above Code up this Code <data:post.body/> .
    • And If You want to Show Adsense Ads below the Blogger Post so Copy the Above Script and paste it below <data:posts.body/> .
    • Now save template and that's it !
And If You want to Show the Adsense Ads at Left side of the Blogger Post , do the following easy steps.

Adsense At Left Side of Blogger Posts

  • Copy the below Script .
<b:if cond='data:blog.pageType == "item"'>
<div style="float:left;">
Paste the Parsed Adsense Code here
</div>
</b:if>

  • Now Go To Blogger Dashboard >> Click On Template >> Edit HTML >> Proceed it >> Check the Small Box "Expand Widget Template".
  • In this Step Search for this Code <data:post.body/> .
  • Note :- In Magazine Blogger Template you may found the Above Code two or three times , so do the below step for All.
  • Now If you want to Show your Adsense Ads Above the Post So Paste the Above Code up this Code <data:post.body/> .
  • And If You want to Show Adsense Ads below the Blogger Post so Copy the Above Script and paste it below <data:posts.body/> .
  • Now save template and that's it !
If you have any question regarding this article must ask , we are here to answer you !

SHARE

Iftikhar Uddin

I am a Web Developer,Graphic Designer,Blogger Wizard,WordPress Samurai,Code Engineer,SEO Guru,Software Engineer and food hunter.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

19 comments:

  1. are you using the latest templates? i can't find that "expand widgets" in my templates

    ReplyDelete
    Replies
    1. Hey Frederick Luneta,Thanks for Reminding :) Actually i have posted this article before the latest HTML Editor Release,there fore the article suit with Old Style Editor :) no worry you can easily add the above Ads in your Blog :)
      regards,
      ifti!

      Delete
  2. what happens if i juss put d code in one of my

    ReplyDelete
  3. Nice post Sir Keep It up :)Visit also my blog http://trickspunch.blogspot.com/
    Thank you

    ReplyDelete
  4. Replies
    1. You Welcome Jawad ! Do Visit Again for more cool stuff!
      Ifti!

      Delete
  5. its not working in my blog please help. http://best-zombie-games.blogspot.com/ please tell me how to add adsense according to my blog template

    ReplyDelete
  6. i have implemented the infolinks advertisement below each post in my blog http://www.webcodeexpert.com/ as instructed in this article..its working awesome..thanks for sharing such a useful tricks..

    ReplyDelete
  7. please come to my site to http://zyteme.blogspot.com

    ReplyDelete
  8. Hi I have a problem my ads could not float pls check my ads between title and post here
    Check my ads here

    thanks!!

    ReplyDelete
  9. http://www.bingtube.net/ LIVE MATCH

    ReplyDelete
  10. Thanks for This tut

    here"s my website www.livephinoy.blogspot.com

    ReplyDelete
  11. Nice post...
    my blog is www.pcworldfiles.blogspot.in

    ReplyDelete
  12. I have pasted my adsense code in my blogger blog, but ads were not showing. please help me Reet Result

    ReplyDelete
  13. For More Blogger Tips And Tricks Visit - http://bloggerstricksandtip.blogspot.in/

    ReplyDelete
  14. thanks for the great post brother.. tech related solutions you can visit Tech Solutions 2016

    ReplyDelete