Blogger, Blogger Hack

Show Adsense ads below post title

41 249

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 🙁

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

    Nice Post, I helps me…Thanks

  15. 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…

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

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

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

    Hi.

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

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

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

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

    Thanks. i have applied in my blog.

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

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

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

  22. julie June 18, 2012 at 7:58 am - 

    thanks a lot,was looking for this

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

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

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

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

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

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

  27. sanjay July 9, 2012 at 5:18 pm - 

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

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

    great!!!!!!! thanks a lot

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

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

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

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

  31. 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….

  32. 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).

  33. hhrma October 1, 2012 at 7:48 am - 

    thanks, it works on my new template.

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

  • 20+ Cool Terminal Commands to have fun with Ubuntu

    Users of command line interface always look out for something new to work with which makes them get excited. You might have seen some ASCII arts being used in info files of software and wondering how they did it. Well here we have added a collection of commands with which you can enjoy and have…

  • 30+ Most Downloaded Google Chrome Extensions

    Google Chrome being the fastest browser in terms of performance still it’s not preferred by most. Especially Mozilla firefox users won’t ditch firefox so soon just because Google chrome is faster. Being a firefox user,one of the reasons I didn’t liked Chrome is because it doesn’t had plug-ins support before. But now after one year…

  • 20+ incredible Gigapixel Photography Inspirations

    Gigapixel photography is a new trend that has come about in the last few years, creating 1,000+ megapixels of data in single images, cropped together to create a monstrous image. The detail and spectrum that can be captured in a Giga pixel image is unlike that of anything that a single camera can capture. For…

  • Page Navigation Hack for Blogger

    Most said page navigation menu in the bottom of the page can appear only in WordPress blogs. But Now here is a blogger hack which will help you to show Page Navigation Menu in bottom of the page ( see screenshot ) . you can Add this Page Navigation hack to your blogger template either…

  • The Battle Between CSS-in-JS and Traditional CSS: Pros, Cons, and Best Practices

    If you’re a web developer, chances are you’ve heard of both CSS-in-JS and traditional CSS. Let’s start with a quick explanation of each: CSS-in-JS: A method of styling web pages where CSS styles are written in JavaScript files and applied to components at runtime. Traditional CSS: The standard way of styling web pages using a…