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?

Pin It on Pinterest

Share This