Show Adsense Ads inside Blogger Posts, Wrapped with Post Text

Google Adsense is the main source of revenue for more than 95% bloggers. If you are using blogger to host your blogs and using Adsense as your ad network, you should blend your ads with your posts to get more attention on ads from your visitors, resulting in more clicks and more revenue. Showing Adsense ads between two blogger posts is not effective, since people tend to overlook that part. If you wrap the ads within the post, it will get noticed and chances are there for a better CTR (click through rate). You can easily customize your blog to show Adsense ads inside your posts, aligned either to left or right.

For a better click through rate, I would recommended you to blend the ads with your blog’s colour combination. Don’t use odd or too deep/light colours. Making your ads highlighted means you are manually trying to keep your income lower. Check out the below screenshot.

show adsense ads inside blogger posts

Show Adsense Ads inside Blogger posts, wrapped with post text

  1. Login to your Blogger Dashboard.
  2. Navigate to Layout >> Edit HTML
  3. Expand widget templates by checking the box
  4. Search for <data:post.body> inside your template. Add one of the following codes just above it.
  5. To show your Ads aligned to left


    <div style='float:left; margin-right:5px;'>
    YOUR ADSENSE CODE
    </div>

    To show your Ads aligned to right

    <div style='float:right; margin-left:5px;'>
    YOUR ADSENSE CODE
    </div>
  6. Make sure to replace YOUR ADSENSE CODE with your actual Adsense ad code.
  7. Save all the changes you have made.
  8. You are done.

Remember to convert your Adsense code here before adding that to the above code. Blogger HTML does not support Adsense ad characters, hence you need to convert it.

Now all your blog posts should appear with Adsense ads wrapped around it’s texts. The best ad format for this location would be 336*280 or 300*250 or you can play with the ad formats until you notice a better result.

We will send you some more information related to Show Adsense Ads inside Blogger Posts, Wrapped with Post Text

Below are some more related articles to the topic:

Show Adsense Ads Only on Homepage or Post pages on Blogger and WordPress
Digg Button Code to Show Digg icon in Blogger Posts
Show Post & Comments Count in Blogger / Blogspot Blogs
Show Animated Image Icon Before Post Titles in Blogger / Blogspot
How To Show Comments On Blogger / Blogspot Posts

27 Responses to “Show Adsense Ads inside Blogger Posts, Wrapped with Post Text”

  1. Angelina 29. Jul, 2009 at 6:18 pm #

    I have a question.What if I want to show ads like this on individual posts? like if i want for only 2 posts out of 5 on my front page?
    I hope to hear soon.
    Thanks

  2. ofw blogger 29. Jul, 2009 at 7:43 pm #

    why this isnt working for me? im using classic template on my blog.

  3. Bapun 29. Jul, 2009 at 9:13 pm #

    @ Angelina : You can refer to show ads on selected posts on Blogger homepage.

    @ Ofw Blogger : I have checked your blog and it should work there. Can you explain what’s the exact problem?

  4. Jim 30. Jul, 2009 at 7:17 pm #

    This blog is a WordPress blog, it’s not a Blogger blog.

  5. Emax 01. Aug, 2009 at 4:22 pm #

    Keep more of this post coming. You’ve just solved my problem on placing adsense code

  6. sultan 20. Aug, 2009 at 1:17 pm #

    this is very good for me its is nice working on left or right side thanks

  7. DailyCashSaver 14. Sep, 2009 at 10:58 am #

    Ya thanks man been looking around to do this because my adsense clicks have dropped so much since i changed the adsense on my template. Here my blog i’m going to use this and change the adsense up hopefully my CTR goes back to 4% instead of 1.92%

  8. Marc 11. Nov, 2009 at 7:59 am #

    Thanks man, just what I was looking for.

  9. jeist 05. Dec, 2009 at 1:11 pm #

    hi! How can I wrap the blog text around the ad? im using a float div but the text still goes under the ad.
    TIA.

  10. Bapun 05. Dec, 2009 at 1:15 pm #

    @ Jeist : Follow the HTML code format mentioned in the post.

  11. jeist 05. Dec, 2009 at 1:18 pm #

    thanks it is now working! great help!

  12. Balaji 15. Dec, 2009 at 9:38 am #

    Hi,

    Thank you very much for a wonderful tutorial on embedding adsense ads inside blog posts. I have a problem though: if a visitor gets more than 3 posts on the same page (by clicking on a label associated with more than 3 posts, for instance), all the posts below the 3rd have a big empty spot where the adsense ad was supposed to be. Is there any way to get rid of this space? If not, is there any way to tell blogger never to load more than 3 posts into a page at any time?

    Thank you.

  13. ceejay 30. Dec, 2009 at 7:26 pm #

    thanks man i know you are wonderful for your help

  14. Pradeep 02. Jan, 2010 at 3:17 pm #

    I have to data:post.body where i should put the code i am using Community template in my Blog.
    http://moviesndhacks.blogspot.com
    Regards !!!!

  15. murkcore@blogger blog 06. Jan, 2010 at 1:33 pm #

    Is there any way I can display more than 3 adsense units within posts on my homepage? I have 7 pages/posts showing on my homepage only the first three displays adsense.. I know blogger allows only 3 units per page, but ist there any way? a hack or something.. thanks..

  16. Bapun 06. Jan, 2010 at 4:43 pm #

    @ Murkcore : Yes, there are ways to display more than 3 ads (actually as many Adsense ads as you want) on a single page using iframe, but this is against Adsense TOS. Adsense does not allow users to place more than 8 ad slots ( 3 text links + 3 ad boxes + 2 search units), and if you don’t follow their guidelines, they will ban your account.

  17. sachin 26. Feb, 2010 at 9:33 am #

    thanks man i will try this..

  18. mobile technology 15. Mar, 2010 at 11:40 pm #

    You save me a lot of time thanks. Just to note that in step 4 you have to search for with slash for XHTML :) Thanks again

  19. Daffodil Kelly 19. May, 2010 at 4:03 am #

    I am sooooooooo glad to find your site. You saved me a lot of time. With your code was simpler than I could imagine.

    I use WordPress. To make it work you do as follows:

    a) copy code above and paste into post’s HTML editor
    b) replaced “YOUR ADSENSE CODE” with Google Adsense Code
    c) save it and job done

    Really simple.

    By the way, your site is great. I will be coming back for more. Keep up good work.;)

  20. Thor 06. Jun, 2010 at 2:10 pm #

    Can you please help. It’s not working for me. I copied the adsense code as it is but it won’t show up. I use blogger.

    • Bapun 06. Jun, 2010 at 2:17 pm #

      You need to the convert the Adsense code first and then use that inside the blogger template. Here is the link to the Blogger Adsense code converter.

  21. Vikas 12. Jun, 2010 at 8:04 pm #

    “”You need to the convert the Adsense code first and then use that inside the blogger template. Here is the link to the Blogger Adsense code converter.”"

    I have convert the code by the tool which you provide.

    Is this safe according to adsense TOS
    Please check my blog is all things are right?

    http://current-affairs-quiz-questionsanswers.blogspot.com/

    I want remain safe because my account 2 times desabled by adsence.

    • Bapun 13. Jun, 2010 at 11:02 am #

      That’s safe since you are not modifying the code, just changing the < & > signs to support Blogger code.

  22. Isaac Success 07. Jul, 2010 at 9:00 pm #

    Bapun, i tried it on my site but its only showing my adsense code instead of Ads. What should i do…plz
    Check out my blog @ http://factaboutafrica.blogspot.com/.

    Thanks

  23. Isaac Success 24. Jul, 2010 at 7:47 pm #

    Tanks Man

Leave a Reply