How to safely wrap adsense around blog posts in blogger?

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?

Related posts:

  1. How to show adsense below the post title in your blogger hosted blog only on inner pages except on home page?
  2. How to show adsense ads only on home page and not on inner pages of your blogger blog?
  3. How to batch edit your posts in one shot?
  4. In case you are not able to login to your adsense account, follow this link.
  5. If you wonder about why your adsense earnings are down after every maintenance

January 17th, 2009 adsense, Blogging