RSS feed for Blogger

Show Adsense ads below post title

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.
Hope you guys will like this hack. If you need any more customization , then give me your suggestions via comments.


- has written 43 posts on Smashing Tips

Mohamed Rias is the founder of Smashing Tips and co-founder of Omzen network. His interests are web designing, photography, wordpress , blogger, etc. He also does freelance writing for various blogs.

41 Responses to “Show Adsense ads below post title”

  1. well hey there guys, i’ve been looking all over the internet for a GOOD black hat SEO forum.. I was looking for some suggestions
    from you guys to point me in the right direction.

    Thanks a bunch, this place is great btw.

  2. Wow. I really am thankful for this tutorial. I find it actually easy to install this hack. I have a problem though. I want to post the ad in my homepage but how do I set it up so that it repeats to show only once every after posts?

  3. Nice article. But Can I show more than 3 ads?

    • @Nitish , No you can’t show more than 3 ads in a page. Even if you add more codes, it won’t show up.

      But you can have 3 ads units and 3 link units in same page. Its possible. But you can’t have more than three ads/link units.

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

  5. @ Ntish, you dont really need to show more that 3 ad units. As M.Rias already said, you can have 3 ad units and 3 ad links.

    One good way to do this is to have one post per page, place a large rectangle ad block just below post title, and one banner ad after post. This is if your site is mainly set up for adsense revenue.

    But if you want to have several posts on one page, then you should use the code here to close the gap that wil result.

    But the tutorial here is spot on btw.

  6. Nice website I actually to run a site myself. One of my most visited pages is one similar to this one and i stumbled upon it when searching via Yahoo.

  7. great tips…
    i’ll come back soon to read more tips

  8. Thanks a lot. Your post helped me a lot. The strategy of not including ads in the home page (where it has the summaries with read more links like mine) is very helpful. I too feel that’s the way to go.

    Only issue was that the location to enter the code in blogger template : – this code piece is not found in blogger template. You need to just search for .

    Other thing is, because the read more hack is now built into blogger – the if condition that you mentioned that needed to be added is already there in the code. One just needs to insert the adsense code in the correct if condition.

  9. This is a well know example of ad placement. I would have expected something different, somehow. I found this post by looking for performance of link units above text and it would have been great to have a bit more information about ad placement relative to text and not relative to the page.
    However, this is still an excellent piece of information for those who are not that at ease with AdSense.

  10. I need adsense placement information its realy help me out what a nice blog post

  11. Thanks. But the ad does not show up. Gives some error!!

  12. Nice post, its working nice, but while trying this code :

    <div style="float:left;padding:5px;”>
    encoded adsense ad code here

    Blogger editor gave me this 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: The value of attribute “style” associated with an element type “null” must not contain the ‘<' character.

    Please help me to solve it.
    Thanks.

  13. Thanks for the information.Actually I done these customize to my blogger blog.But it wasn’t working :(

  14. Thanks a ton, Mohamed! It worked like a charm, easily done. In appreciation, I’ve included your link in my tutorial @ http://jacqsbloggertips.blogspot.com/2011/05/adsense-ads-placement-below-post-titles.html
    God bless you for sharing.

  15. Nice Post, I helps me…Thanks

  16. wow… nice post. It helped me a lot…
    it is the best idea to keep adds below the post title… thanks buddy…

  17. Very useful tips. I was searching for it for a long time. Thanks a lot.

  18. Hi.

    Will this be not agains Adsense rules?
    It looks like we are modifying it.

  19. Thanks.. This is what i need. Adsense below post title.

  20. Thanks. i have applied in my blog.

  21. thanks a lot it’s a very useful information that proved to be benificial

  22. Thanks..I use tne new template, but adsenses can not display on the below post

    • Hi Melia, You can display ads below post. I think something you are doing wrong. Btw did you encoded your ad code with HTML Entities

      • thank you Mohamed Rias…I’ve tried it, but why on the home page adsense ads appear all

        • Hi Melia, I don’t know what’s wrong but this tag makes the code to appear only on post page. Please make sure you placed the code correctly.

          • melia / Melia EI (Google+) 12. Sep, 2012 at 7:29 am

            Assalamualikum
            Hiii, Can you help me how to make or put the words “how many times the article reads” for each post on the blog like wordpress,n
            Will you send me tips through email? (meme_gantha@yahoo.co.id). Thank you so much

  23. thanks a lot,was looking for this

  24. i can’t find the mentioned code in blogger templates. Help please!

  25. Great article and I will follow the above in my blog. Thanks

  26. Hi! I just read from other article that placing ads just below the title of the post and above the content is a violation of adsense policies.

    It is true? can you confirm this?
    I can’t seem to find where is that policy located in adsense.

  27. This is an awesome blog. I found this article very helpful. I bookmarked this website. No doubt to come here again and again.

    I really appreciate your teaching quality. I have created a same niche website. Please visit this page and leave a comment for a great communication.

    How To Add Adsense Ads into Blogger Posts

    Thanks again for your kind approval of this comment.

  28. Not working on my website cellguru.co.cc ,I am using Blogger default tamplate Awesome

  29. great!!!!!!! thanks a lot

  30. Thanks so much for the tip! It was very helpful.

  31. Thanks for sharing this. I’m gonna try this one.

  32. Thank you so much yar i haven’t found these encoding concept to put adsense after converting code i got it thank you soo much….

  33. Wow, thanks so much for this helpful article because the way Google does is not friendly for our visitors. I followed your directions to also eliminate the ads on the pages. Now, in addition, I also learned from another blogger that in the latest design of blogger you can simply add the code in the HTML of the post and make the ads appear wherever you want (this really pleases those of us who used to put ads manually in the code in the old days).

  34. thanks, it works on my new template.

  35. Wow, this is awesome post, I had visited various other blogs for this, but their steps were incorrect.
    It’s only your Blog with that I could add Ad below post title.
    Can you guide me to add Ad below (end)of the post? Thank you so much.

x
Loading...