How to show Google Adsense Below Post Title in Blogger


Show Adsense Below Post Title in Blogger!

You might have observed adsense ad placements below post title in most of the websites and blogs. This is the spot suggested by most of the experts to increase the Click Through Rate (CTR). Trying adsense in different spots is a good idea to find a best spot in terms of earning.

This post explains how to place adsense below post title in Blogger. The tutorial will not be complicated if you understand it properly. Do keep a backup of your template before tweaking and breathe properly! :)

  1. Firstly, you need to encode your adsense code. Go to html encoder, 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!

Enjoy Money Blogging! :)



You May Also Like:

Article by Shafar.
About the Author: Tech Freak, Android Lover, Wordpress Addict, Social Media Junkie and the Founder of TipsBlogger.
To submit guest posts to TipsBlogger, please read the Guidelines.

34 Responsesto “How to show Google Adsense Below Post Title in Blogger”

  1. Anonymous says:

    good

  2. hey your blog is so nice, i was surfing and i got your blog its very help full

  3. Shafar says:

    @Mastermind110Thanks for your valuable comments! Stay in touch for new posts and updates!Regards..

  4. Free e-books says:

    Hello Shafar, Is this the voilation of google adsense TOS, Whether google allows to "encode your adsense code", pls let me know the reply to 123tricks@gmail.comThanks In advanceAmeen

  5. Shafar says:

    @Free e-booksYes, you can encode the adsense code to insert it into the posts.

  6. abgajoy says:

    Hello there,I've try this but it is not work for me why?

  7. Shafar says:

    @abgajoyDid you see any error message? This hack will definitely work on all Blogger templates. You might have made mistakes in the 3rd step. Read it carefully and try again! :)

  8. abgajoy says:

    It doesn't show anything there? um maybe you right about the 3rd step, where actually shoul I place the last code actually? I mean 4th step code

  9. Shafar says:

    @abgajoyYou need to paste the ENCODED Adsense code between the TWO LINES as highlighted(yellow) in the 4th step. Then preview and save your template. Hope you get it right this time!

  10. abgajoy says:

    Im sorry I still don't get it. I made it only at the 3rd step but when I added the extra code at the 4th step It is not working. Where should I place the last code?It is at the end of the 3rd code I mean below data:post:body code?

  11. Shafar says:

    @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.

  12. Kate says:

    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!

  13. @Kate
    Glad that it helped you. :) Keep in Touch..

  14. abgajoy says:

    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.

  15. @abgajoy
    I think this post has the simplest explanation. :) I'll surely help you. May I know what error message did you get?

  16. Jessica says:

    Great article thanks!

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

    http://blocoon.blogspot.com/

    They really helped me :)

  17. abgajoy says:

    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”.”

  18. @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.

  19. abgajoy says:

    hi there, here is my url http://buy–car-insurance.blogspot.com/2009/11/buy-car-insurance.html

    im using Son Of Moto template

    best regard

  20. abgajoy says:

    hi there, I’ve change my template to basic one called “minima”

  21. @abgajoy
    I visited your blog and it shows adsense below post titles! Hope it’s working fine now. :)

  22. abgajoy says:

    Yes it is but I want to bring together the adsense ad and post body together(as shown in the image below). But error

  23. @abgajoy
    Just add the code given in STEP-3 to your template. It’s clearly explained. You will not get the error if you do it properly as I explained in simple language. Contact me via EMAIL for further assistance. Our comments are flooded here! :)

  24. 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

  25. Babaji M P says:

    @abgajoy

    Replace the symbols manually ” ” and ‘ ‘
    Hope this helps.

  26. hey, thanks for the post, it was really helpful, but unfortunately, the step doesn’t work in my blog. Thanks.

  27. Arun says:

    Hey shafar… I am getting xml could not be parsed error message. I will send my xml template to you. Could you please put my adsense code for me and give.

    am very weak in programming. thanks

  28. Shafar says:

    @Arun
    Please try again, I have made some changes in codes. It’s working fine now.

  29. Rajesh says:

    IS all these tutorial come under google tos?
    will google will ban my account if i convert google code?

  30. Shafar says:

    @Rajesh
    Hi Rajesh, here we are not making changes to adsense codes against the adsense tos, but just putting the ‘less than’ and ‘greater than’ symbol in another way. So far no one got banned by doing this. You can contact adsense team if you want to make it sure. Please don’t blame us later ;)

    Good luck

  31. Really awesome trick that’s what i was really looking for a big thanks for it …

  32. Nnadi says:

    This is a great trick.. Thank you so much

  33. jasmine says:

    hi nice trick, but this doesn’t work for pages, i want adsense also appear below page title. help me

Leave a Reply