Show Adsense ads below post title

16. May, 2009 36 Comments


In this tutorial I will explain how to place Adsense ads below post title in Blogger Blogs with lots of customization tips. You might have noticed that most of the bloggers show Google adsense ads below title to increase their Click through rate and earnings.

According to Google adsense help pages ” Where to place adsense ads ?“. Placing adsense ads below title and above article content can bring high ctr and performance.

Adsense ads Below post title

This “heat map” illustrates the ideal placing on a sample page layout. The colors fade from dark orange (strongest performance) to light yellow (weakest performance). So it’s clear from the heat map that the adsense ads below post title can bring high ctr.

How to add Adsense ads below post title ?

It’s really very easy to add adsense ads below post title in blogger. Inorder to add adsense ads below post title ,just follow the below steps.

Before adding the adsense ads to blogger templates , we need to encode our adsense ads code.If you add the adsense code without encoding then you can’t see any adsense ads below post title.

Encoding Adsense Ad Code ?

To encode adsense ads, first create an adsense ad and then visit centricle website to encode. In centricle web page , you need to paste your adsense code in the text area and then click ” Encode “. Copy the encoded code. Now your adsense code is ready to be added to blogger template.

Adding adsense ad code to blogger template

step 1 : Go to layout section of your blogger template and then navigate to EDIT HTML sub tab. There check the “Expand Widget Templates “.

step2 : Look up the following tag : <p><data:post.body/></p> and paste the encoded adsense ad code above that tag.

Then click save. That’s it Now we have added the adsense ad code below the post title in blogger blog successfully.

Customizing Adsense ads

Here are the few customization tips , which you can apply to increase your CTR.You might have seen that most of the bloggers will show more than Three posts in home page / labels page / archives page. But as per adsense TOS we can show only Three ads per page. So due to this we will see some blank spaces between post title and content , when the three adsense ads are already loaded.In order to avoid this error , we can show adsense ads only in Post pages i.e pages containing articles.

Showing adsense Ad only in Post pages

In order to implement this hack in your blogger template. you need to change the encoded adsense ad code to this.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
Encoded Adsense code here
</b:if>

Now paste this code above <p><data:post.body/></p>

Making adsense ads to Float

After adding the adsense ad code to your templates , you can see that by default the adsense ad code will not allow any text to be shown nearby it.

adsense+ads Show Adsense ads below post title
So in order to overcome this error , we need to add some CSS codes to make adsense ad code to float either left or right.

For this we just need to modify the encoded adsense code to be added in step 2.

replace that encoded code with this one :

<div style=”float:left;padding:5px;”>

encoded adsense ad code here

</div>

Change the text in red to make adsense ad to float either to left or right.

My suggestion

According to me , instead of showing adsense ads in all pages ( home page , archives page and labels page ) , we can show adsense ads only in post pages to increase our ctr. If you are using the ” Read More hack for Blogger with automatic Thumbnail creator script ” then it’s advisable to show adsense ads only in post pages.

Hope you guys will like this hack. If you need any more customization , then give me your suggestions via comments.

Mohamed Rias - has written 94 posts on Techie Blogger

I am Mohamed Rias , admin of Techieblogger.com. Basically I am Engineering student but still blogging is my passion. My areas of interest are HTML , CSS , Jquery , Javascript and PHP.

Visit Authors Website  |  All Articles From This Author
0
hits

If you like this article , then please help us by bookmarking

36 Responses to “Show Adsense ads below post title”

  1. Short Stories Reply 16. May, 2009 at 11:06 am

    Splendid, super control in advertisement ;-)

  2. Vinnie Reply 16. May, 2009 at 11:38 pm

    Nice article. This system lets you earn 40-45 % more.

    But how do to put AdSense ads between the text of the article?

  3. Mohammad Mustafa Ahmedzai Reply 17. May, 2009 at 12:05 am

    thanks for that wonderful tip. I would try to apply it to my test blog as soon as posiible.

    Regards,
    MOHD__
    Tips and Tricks : WinXP, Internet, Blogger Template Customization, GEC O Level

  4. Utah Boating Reply 19. May, 2009 at 3:58 pm

    I just came across your site and I’m going to go home right now and read through it. I’ve already implemented your advice on each of my posts and it worked beautifully. Check it out!

    http://www.utahboatinginfo.com

    I must say that the way you describe it step by step makes me want to come back and read your other posts. Thanks!

  5. Blog Administrator Reply 22. May, 2009 at 1:49 am

    Thanks for the tip

    Regards,
    Sudheer.G

    http://www.swappzone.com

  6. Admin Reply 28. May, 2009 at 9:58 pm

    Gre8…..thanks

  7. LoLLY JeaN Reply 31. May, 2009 at 1:57 am

    how did you make the “sharing is caring” thing?

  8. Mohammad Mustafa Ahmedzai Reply 02. Jun, 2009 at 1:14 pm

    Rias bro, please write a post on how to add Feedburner Recent Comments Widget to our blogs just like yours. How did you added that recent comments widget(headlines by feedburner)

  9. Mohammad Mustafa Ahmedzai Reply 04. Jun, 2009 at 3:57 pm

    Salam Rias, bro I just figured it out my self on how to add a feedburner recent comments widget. You can see it live here TNT

    Regards,
    MOHD__

  10. Sandeep Reply 09. Jun, 2009 at 10:46 am

    The article is informative but you can also create your own innovative methods to benefit max fro adsense ads.More on http://www.techieway.blogspot.com

  11. Terry Reply 12. Jun, 2009 at 2:10 pm

    That is awesome, i just done this tutorial on my blog. thanks alot.

    Regards

    Terry
    Online Tech Tips

  12. i-sony-ericsson Reply 12. Jun, 2009 at 9:27 pm

    hei, very nice post, i love it, i've designed a Ads template for blogger, browse also be temporary, of course it is also some deficiencies, checking in http://i-sony-ericsson.blogspot.com :)

  13. Taimur Reply 23. Jun, 2009 at 1:27 pm

    Samal
    nice hack
    but when i do so i get the following error

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute “{1}” associated with an element type “type”.

    plz help me i really need that hack :(

  14. Haja Peer Mohamed H Reply 26. Jun, 2009 at 3:18 am

    This is really what i was looking for.. And I Just done what you told in this blog..
    Thank you for your valuable post!

  15. Taimur Reply 26. Jun, 2009 at 10:38 am

    ho gaya :) thanks :d

  16. ami Reply 27. Jun, 2009 at 1:31 pm

    Implemented this a whhile ago and the earnings from my blog have increased

  17. rustic outdoor lighting Reply 28. Jun, 2009 at 7:06 am

    hi,

    i have search all over and finaly i found the tips here..

    thank you

  18. Manifest Reply 02. Jul, 2009 at 11:13 pm

    Thnx for the nice post

  19. Kirk Reply 11. Jul, 2009 at 7:51 pm

    Great post, and some good information. However when I use the hack for embedding adsense into only the post pages I get the following error.

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute “{1}” associated with an element type “type”.

    I have parsed the adsense code, and I have followed your direction, and I have looked over my template multiple times to see if something is wrong. But I cannot figure it out. Any help would be great!

  20. Terry Reply 24. Jul, 2009 at 4:09 am

    I tried to do it, but anything appeared… :(

  21. ofw blogger Reply 29. Jul, 2009 at 7:52 am

    what about for classic template float left of right is not working for me..any suggestion pls..thanks

  22. Aditya Reply 30. Jul, 2009 at 11:14 pm

    Your Hack is Brilliant…..Increased my CTR perfectly

  23. sultan Reply 02. Aug, 2009 at 10:04 am

    This is very informative thanks it is possible to increased my ctr

  24. UFC 101 Live Stream Reply 08. Aug, 2009 at 9:27 am

    thanks a lot sir! I’ve been searching for this long time ago

  25. Top 5 Tips to Increase your BlogSpot Blog's Trafic and Revenue

    [...] you don’t know how to implement this tip, visit this well-documented tutorial by Mohamed Rias @techieblogger.com, click [...]

  26. Suhas Reply 29. Aug, 2009 at 5:16 pm

    THIS IS WHAT I WAS LOOKING FOR!!!!
    THANKS A TON!!!

  27. Brad F. Reply 03. Sep, 2009 at 1:59 pm

    Thanks for the tip. Was just what I needed. I was trying to use CSS in the head section to make it shift left (I put it in the footer section and not in a widget on Blogger) and it wouldn’t work. This method did the trick. Little by little I’m learning how to do this stuff…

  28. Hobosic Reply 24. Sep, 2009 at 5:05 pm

    Ugh, I liked! So clear and positively.
    Hobosic

  29. Eremeeff Reply 27. Sep, 2009 at 5:51 am

    http://www.techieblogger.com to GoogleReader!

  30. Zoran Reply 29. Sep, 2009 at 7:26 am

    Super post, Need to mark it on Digg
    Zoran

  31. Charlie Reply 01. Oct, 2009 at 11:07 am

    Hi,
    Not sure that this is true:), but thanks for a post.
    Charlie

  32. Pett Reply 04. Oct, 2009 at 7:18 pm

    Hello,
    Thanks for article. Everytime like to read you.
    Thank you

  33. Elcorin Reply 08. Oct, 2009 at 6:25 am

    I have already seen it somethere…
    Thank you

  34. Daniel Reply 15. Oct, 2009 at 9:36 am

    Thanks for the tutorial! This is exactly what I have been looking for. I have applied and it works wonderful :)

  35. tamil Reply 27. Oct, 2009 at 1:42 am

    it works perfect for me .. thank u buddy

  36. chandan Reply 06. Nov, 2009 at 9:02 pm

    Trick of showing adsense ads below the post title works. But the ads which were present using page elements get vanished. How to tacke this problem. Reply soon.

Adsense, Blogger Hack, blogger tutorials