Show Adsense ads below post title

16. May, 2009 51 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.


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.

   

- has written 98 posts on Techie Blogger


Visit Authors Website  |  All Articles From This Author
0
hits

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

51 Responses to “Show Adsense ads below post title”

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

    Splendid, super control in advertisement ;-)

  2. Vinnie 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 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 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 22. May, 2009 at 1:49 am

    Thanks for the tip

    Regards,
    Sudheer.G

    http://www.swappzone.com

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

    Gre8…..thanks

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

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

  8. Mohammad Mustafa Ahmedzai 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 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 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 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 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 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 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 26. Jun, 2009 at 10:38 am

    ho gaya :) thanks :d

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

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

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

    hi,

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

    thank you

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

    Thnx for the nice post

  19. Kirk 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 24. Jul, 2009 at 4:09 am

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

  21. ofw blogger 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 30. Jul, 2009 at 11:14 pm

    Your Hack is Brilliant…..Increased my CTR perfectly

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

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

  24. UFC 101 Live Stream 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 29. Aug, 2009 at 5:16 pm

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

  27. Brad F. 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 24. Sep, 2009 at 5:05 pm

    Ugh, I liked! So clear and positively.
    Hobosic

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

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

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

    Super post, Need to mark it on Digg
    Zoran

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

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

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

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

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

    I have already seen it somethere…
    Thank you

  34. Daniel 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 27. Oct, 2009 at 1:42 am

    it works perfect for me .. thank u buddy

  36. chandan 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.

  37. Anil 27. Feb, 2010 at 5:05 pm

    You may check http://technical-interview.com/Documents/index.html for some tips and tricks

  38. Build Web Traffic 05. Mar, 2010 at 4:26 am

    Excellent tips. Thank you. I have heard that placement below titles yield amongst the best results.

  39. kiran 15. Mar, 2010 at 4:05 am

    Hi it works me very good. Thankyou

  40. development catalyst 03. Apr, 2010 at 8:12 am

    wow. amazing thanks for the post!….I’m using it to my site.

  41. ???? 23. May, 2010 at 8:51 am

    This is very useful to me, thanks a lot! Thanks again and again !

  42. mapo 15. Jul, 2010 at 12:16 pm

    There are many ways to use AdSense to achieve your goals.Some people are using AdSense to earn a great deal of money in amounts that you would not have thought was possible unless you robbed a bank.

  43. GsmAngel 18. Dec, 2010 at 6:25 pm

    Thanks a lot for this very helpful article, I am new in blogging and I’m looking forward how to increase my adsense earnings. I will try this on my blogger blogs

  44. balu 03. Feb, 2011 at 4:46 pm

    thank you for posting . my widget wallpapers see here . http://bikinimela.blospot.com

  45. saleel 11. Feb, 2011 at 7:00 pm

    great post yours my dear friend! I was breaking my head for almost 2 hours for finding this answer. Suddenly spotted your blog. cool work. Your direction go to centrcile.com is also fantastic. that site is actually woth of tons of dollars

  46. Simply Ridiculous 12. Feb, 2011 at 2:44 am

    Thanks for the tips!!

  47. Susan Jane 10. May, 2011 at 5:46 pm

    how can i find the tag??? i mean is the template is to many words.. how can i easily find it?? someone help me!! my eye cannot scan anymore to search for the tag:-(

  48. Kathy 25. May, 2011 at 5:54 am

    I have a new blogger blog I made just yesterday. I just like to ask a few questions about adsense because a few friends of mine are already earning with this but they don’t tell me how. My first question is, how would I apply for adsense? Second, I am just 17 but turning 18, can I have a chance to get accepted? Third, my blog is just new, can i put adsense to it when I get accepted?

    Hoping for your positive reply sir. Thanks a lot! – Kathy

  49. Anurag Malik 25. May, 2011 at 7:50 pm

    Applying ads below the Post Titles can help you earn some more money with Adsense.
    For more tips and tricks regarding making money online,log on to my site http://technotrats.blogspot.com.

  50. indianjobs 16. Jan, 2012 at 4:05 am

    Thanks a lot. I have implemented it and my revenue increase to 30 to 40%. You can see our site: http://www.jobnewsworld.com/

Newer Comments »

Leave a Reply

You must be logged in to post a comment.

Adsense, Blogger Hack, blogger tutorials