Show Adsense Below Post Title in Blogger!

Show Adsense Below Post Title in Blogger!

You might have already seen Adsense placements below post title in most of the websites and blogs. It is said that showing Adsense Ads below post title will improve its Click Through Rate (CTR)!

This post explains how to place an Adsense Ad below post title in Blogger. It’s very easy, just do the following simple steps:

  1. Firstly, you need to encode your adsense code. Go to centricle, paste your adsense code in the box, and click Encode. Copy the encoded codes.

  2. Now go to Blogger Layout page – click Edit HTML – then check Expand Widget Templates.
    (Don’t forget to back-up your template)
    Show Adsense Below Post Title in Blogger!
  3. Then Search(Ctrl+F) for
    <data:post.body/>

    and

    • Blogs with Read More/Post Summaries hack:
      Paste that encoded adsense code just before the second occurrence of <data:post.body/> in your template.

    • Blogs without Read More/Post Summaries hack:
      Replace <data:post.body/> with the the following code:
      <b:if cond=’data:blog.pageType == "item"’>
      Your Encoded Adsense Code
      </b:if>
      <p><data:post.body/></p>

  4. By default, the adsense ad in your post will be displayed above post body as shown below:

    Show Adsense Below Post Title in Blogger!

    If you want to bring together the adsense ad and post body together(as shown in the image below), you need to add the following extra codes in Step-3:

    <div style=”float:left;padding:5px;”>
    Your Encoded Adsense Code
    </div>

    Show Adsense Below Post Title in Blogger!

Hope this post was useful! Drop Comments! Best Wishes!

You Might Also Like:



Shafar Article by Shafar.
Author: Owner and Admin of TipsBlogger.
To submit your guest posts here, please read the Guidelines and Benefits.
Get Updates via: Twitter | RSS Feed | Email
  • its done :D thanks :P
  • hey i cant use this in my blog :( please help me to do this my email is akif123@gmail.com and my blog link is http://entertainment-lobby.blogspot.com
  • Jessica
    Great article thanks!

    I found some also good articles (& great design!) in this blog:

    http://blocoon.blogspot.com/

    They really helped me :)
  • Thanks! Your tips were very helpful! :) I couldn't figure out how to get the padding around the edges of the ad, but your post nailed it. Thanks again!
  • @Kate
    Glad that it helped you. :) Keep in Touch..
  • @abgajoy
    Yeah you have to paste that encoded code just below data:post.body. Don't forget to encode the adsense code as stated in the 1st step.
  • abgajoy
    I have tried hundreds time but only can male it to step 3 but when I proceed to the step 4 error message appear..can you give me the whole code so that I can just replace my adsense code please.
  • @abgajoy
    I think this post has the simplest explanation. :) I'll surely help you. May I know what error message did you get?
  • abgajoy
    I got this message
    "Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
    XML error message: Open quote is expected for attribute "{1}" associated with an element type "expr:id"."
  • @abgajoy
    Hey I think that error is not related to Adsense code. Just give me your blog URL and name of the template you are using. If it's private, you can reply to my email shafar@tipsblogger.com

    I'll check it and solve the issues.
blog comments powered by Disqus