How to safely wrap adsense around blog posts in blogger?

by Ankur Jain on January 17, 2009

After seeing a recent blog post on Adsense Blog, I thought of experimenting with inline ads on one of my blogs hosted on blogger. I liked the tip about making the adsense inline with your blog post instead of putting it under the title or above the title.

Here I am reproducing what I did to my blogger hosted blog to make my adsense ads left align and wrapped around my content, the same way as can be seen on this blog post. THERE IS NO CHANGE TO ADSENSE CODE, SO NO NEED TO FEAR ABOUT GOOGLE TOS VIOLATION.

  1. Trust you already have adsense code set up below the post title. If not, follow instructions carefully on this post to add adsense below the post title.
  2. Now, to put the ads on left side of your post. Add  <div style=’float: left;’> and <div style=’padding-right: 3px’> before the adsense code. Don’t forget to close them with the </div> tags. Here is how it should look like.
    adsense-inline-left
  3. Now, to put the ads on right side of your post. Add  <div style=’float: right;’> and <div style=’padding-left: 3px’> before the adsense code. Again, don’t forget to close them with the </div> tags. Here is how it should look like.
    adsense-inline-right
  4. Wondering why I have added padding-left or padding-right? This will ensure that your ad is separated by a safe distance from text. You can increase/decrease the pixels as per your requirement.

Also see, how to safely test adsense ads?

{ 16 comments… read them below or add one }

BloggerTinker February 13, 2009 at 4:25 AM

4 easy step by step ways to insert adsense on the most effective locations:

Adsense Below post but above Comments:
http://bloggertinker.blogspot.com/2009/02/how-to-put-google-ads-below-post.html

Adsense Wrapped or Inline with your post:
http://bloggertinker.blogspot.com/2009/02/how-to-put-google-adsense-within-inline.html

Adsense directly below post title:
http://bloggertinker.blogspot.com/2009/02/how-to-put-google-adsense-below-post.html

Adsense directly below your header:
http://bloggertinker.blogspot.com/2009/02/how-to-put-google-adsense-below-header.html

Reply

Alert April 9, 2009 at 6:21 PM

Thanks for the margin tip.

Reply

2010 leading presidentiables May 20, 2009 at 3:40 PM

Thanks for the valuable information. It really helped me a lot.

Reply

safri August 14, 2009 at 7:37 PM

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “style”.
please help me i’m getting this error message in while i’m trying to save.
well i’m trying to use
1.How to safely wrap adsense around blog posts in blogger?
2.How to show adsense below the post title in your blogger hosted blog only on inner pages except on home page?
please reply
i use adbrite in this procedure…..

Reply

vinoth September 2, 2009 at 8:19 AM

One of the best blog tip ..i have read in my entire bloggging career……it will help a lot….

Reply

Adil September 12, 2009 at 1:21 PM

Hi. I have used the code but i have got a message : Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “style”.

Plz help to correct this mistake.

Reply

ROW September 12, 2009 at 1:34 PM

@Adil: Can you check again with the EXACT code as mentioned above.

Reply

Kate November 6, 2009 at 9:05 PM

Thanks! These tips were great and really helped me to achieve the right kind of text wrap in just a few minutes. Thank you so much for the help! :-)

Reply

Bob Findlay November 16, 2009 at 2:03 PM

Thanks so much.

Great advice for this novice & explained really well.

Reply

ROW November 17, 2009 at 10:47 PM

Always nice to hear such responses. Thanks Bob :)

Reply

saas January 2, 2010 at 1:58 AM

Excellent stuff! This is exactly what I needed for my website. Thanks for the post and have a happy new year :)

Reply

online stock trading advice January 11, 2010 at 5:38 AM

Hey very nice blog!!….I’m an instant fan, I have bookmarked you and I’ll be checking back on a regular….See ya

I’m Out! :)

Reply

AppReleases February 20, 2011 at 9:04 PM

thanks this will help my website

Reply

Oyon October 2, 2011 at 1:26 AM

hi. thanks bro. it helped me a lot.

but i was wondering if you could help me a bit more. i was wondering if we could make use of the space available right to the ad in the post. maybe we could our facebook, twitter and rss subscription links.
do let me know if that is possible.
thanks.
Oyon

Reply

Ankur October 2, 2011 at 1:48 PM

@Oyon: that should be doable. Create a div around the adsense ad and insert your subscription links inside it.

Reply

ittech November 28, 2011 at 4:17 PM

excellent tips implemented on my blog good work thanks

Reply

Leave a Comment

Previous post:

Next post: