Smashing Tips

Latest Posts:

10 Ways ChatGPT Can Boost Your Enterprise: From Customer Service to Personalized Learning
50+ Amazing Olympics Infographics Inspirations
50+ Amazing Olympics Infographics Inspirations
35+ Inspiring Nightscape photography and Tips
20+ Amazing Time-lapse Photography Inspirations
Blogger, Blogger Hack

Show Adsense ads below post title

May 16, 2009 By 41 207

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.

About the author / 

Mohamed Rias

I'm a programmer, photographer, and proud parent. With a passion for coding and a love of capturing life's moments through my camera lens, I'm always on the lookout for new challenges and opportunities to grow. As a dedicated parent, I understand the importance of balancing work and family, and I strive to be the best version of myself in all aspects of my life.

Related Posts

41 Comments

  1. eixaldaSnowxie February 5, 2010 at 8:15 am - 

    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. Samara Fae April 22, 2010 at 4:31 am - 

    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. nitish June 4, 2010 at 9:12 am - 

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

    • Mohamed Rias June 5, 2010 at 4:45 am - 

      @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. umar July 15, 2010 at 11:08 am - 

    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. Dr Joy from Attract Guys August 19, 2010 at 2:16 pm - 

    @ 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. Tashia Horsely November 29, 2010 at 4:11 am - 

    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. mygadgets December 21, 2010 at 4:45 am - 

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

  8. Nagarajan January 11, 2011 at 6:33 pm - 

    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. Rencontres Gratuites January 16, 2011 at 11:06 pm - 

    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. Music blog January 30, 2011 at 5:47 am - 

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

  11. Simply Ridiculous February 13, 2011 at 4:42 pm - 

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

  12. Ashwin April 11, 2011 at 2:23 pm - 

    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. Jaymax May 10, 2011 at 9:25 am - 

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

  15. Name (required) June 16, 2011 at 3:19 pm - 

    Nice Post, I helps me…Thanks

  16. Santosh June 27, 2011 at 3:01 am - 

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

  17. Rajiv August 22, 2011 at 6:23 am - 

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

  18. Green Tea September 21, 2011 at 12:19 pm - 

    Hi.

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

  19. Shunryu September 27, 2011 at 10:50 am - 

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

  20. my24news January 19, 2012 at 10:23 am - 

    Thanks. i have applied in my blog.

  21. ishita March 7, 2012 at 6:18 pm - 

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

  22. melia168 June 11, 2012 at 1:03 am - 

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

    • Mohamed Rias June 11, 2012 at 1:29 am - 

      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

      • melia July 31, 2012 at 2:29 am - 

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

        • Mohamed Rias August 1, 2012 at 5:29 am - 

          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+) September 12, 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. julie June 18, 2012 at 7:58 am - 

    thanks a lot,was looking for this

  24. Usama June 27, 2012 at 4:33 am - 

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

  25. Vivek July 6, 2012 at 4:17 am - 

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

  26. Cloud July 6, 2012 at 12:18 pm - 

    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. Naj yesmin July 8, 2012 at 6:08 pm - 

    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. sanjay July 9, 2012 at 5:18 pm - 

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

  29. Salih August 23, 2012 at 12:19 pm - 

    great!!!!!!! thanks a lot

  30. Kay September 4, 2012 at 4:57 am - 

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

  31. Jayr September 8, 2012 at 7:41 am - 

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

  32. iPhone5 September 10, 2012 at 2:09 pm - 

    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. Jay September 12, 2012 at 5:03 pm - 

    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. hhrma October 1, 2012 at 7:48 am - 

    thanks, it works on my new template.

  35. Pankaj October 2, 2012 at 4:28 am - 

    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.

    • Mohamed Rias October 2, 2012 at 4:56 am - 

      Pankaj,
      Please paste your adsense code below this line : <data:post.body/>

      Now your add will be shown at the end of post 🙂

Popular

Editor’s Pick

  • June 6, 2012

    Grunge Mag Reloaded Blogger Template

    As you can see , In smashing Tips I have one separate category for Blogger users. I will be showcasing all my unique Blogger hacks , Blogger widgets and Tips to customize Blogger templates here. And am an experienced Blogger template designer , so I thought of sharing at least one Blogger Template every week….

  • January 15, 2010

    16 useful Mac cheat Sheets

    Cheat sheet is a concise set of notes used for quick reference. Cheat sheets will contain most of the shortcuts needed to program faster. And it is meant for newbie users who can’t remember the shortcuts or commands. In this article , I have collected some of the useful cheat sheets available for Mac OS….

  • April 22, 2023

    Mastering Webpack Module Federation: A Comprehensive Guide for Modern Application Development

    Introduction Welcome to this comprehensive guide on mastering Webpack Module Federation for modern application development. In this guide, we’ll dive into the world of Webpack and explore its Module Federation feature in-depth. Definition of Webpack Module Federation Webpack Module Federation is a feature of the Webpack module bundler that allows developers to share code and…

  • April 23, 2023

    Mastering the Art of Tilt-Shift Photography: Tips and Techniques

    Welcome to the world of tilt-shift photography! It’s a technique that has been around for decades but has recently gained popularity due to its unique ability to create a miniature effect in photographs. In this article, we’ll discuss the basics of tilt-shift photography and provide tips and techniques for mastering this art form. Understanding Tilt-Shift…

  • August 2, 2008

    How to Add Meta Tags to Blogger ?

    In this Internet World , every webmaster wants to drive more traffic to their website or Blog. Inorder to drive traffic they are using several Search Engine Optimizing ( SEO ) methods. One of the best Search Engine Optimization tool is Meta Tags. What is Meta Tags ? Meta elements can be used to specify…