Blogger, Blogger Hack

Show Adsense ads below post title

41 10

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

Related Posts

41 Comments

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

    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 -  Reply

    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 -  Reply

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

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

      @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 -  Reply

    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 -  Reply

    @ 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 -  Reply

    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 -  Reply

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

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

    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 -  Reply

    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 -  Reply

    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 -  Reply

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

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

    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 -  Reply

    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 -  Reply

    Nice Post, I helps me…Thanks

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

    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 -  Reply

    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 -  Reply

    Hi.

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

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

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

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

    Thanks. i have applied in my blog.

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

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

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

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

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

      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 -  Reply

        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 -  Reply

          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 -  Reply

    thanks a lot,was looking for this

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

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

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

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

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

    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 -  Reply

    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 -  Reply

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

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

    great!!!!!!! thanks a lot

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

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

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

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

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

    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 -  Reply

    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 -  Reply

    thanks, it works on my new template.

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

    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 -  Reply

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

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

Leave a reply

Your email address will not be published. Required fields are marked *

Popular

Editor’s Pick

  • 200+ Ultimate Collection of Photoshop Plugins

    Photoshop is a powerful image editing software which is very useful for web designers and photographers to create desired effects in the images. But sometimes it’s difficult to perform certain tasks manually in photoshop. Once there was a belief that only designers who have mastered photoshop can create special effects on photographs or images. But…

  • Tips to shoot excellent Panoramic Photographs

    Recently, making out panoramic photos has become much easier as your software stitches them quite beautifully together. Photoshop is quite skillful and master in doing that; it has got a command called Photo Merge that weaves your photos once you hit it. Now, software is mere medium which we use to ease our post works,…

  • Notable Tips for shooting Awesome Wildlife photographs

    You can remark it as wild-time game, which surely it is. Wild is the community for animals and not ours so it’s there to decide what they will do and what they want to. You can tell them to make some gesture that well-suit your need, or you can’t ask they to align up in…

  • 45+ Surreal Infrared photography Inspirations and Tips

    In Infrared Photography the image sensor used is highly sensitive to infrared wavelengths of light. We all know that white light is composed of several bands of colours known as spectrum and the wavelengths ranging between 750nm to about 1200 nm, falls on infrared (IR) band. The spectrum used is in this technique is termed…

  • 45+ surreal Long Exposure Photography Inspirations

    Long exposure photography is one of the coolest ways of taking pictures. It requires a longer shutter speed, anywhere from 1/2 sec up to several minutes or even a hour. The ability to take long exposures requires a user to use a tripod for optimum results (of course, some people prefer the hand shake look)….