How to safely wrap adsense around blog posts in blogger?

12

Sponsored Links


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?

Digg, Stumble, Twit or share this post by clicking on any of the buttons below:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Sphinn
  • Yahoo! Buzz
  • Technorati
  • TwitThis
  • Facebook
  • MySpace
  • Google Bookmarks

Want to get an update as soon as we publish new article? I recommend you to subscribe via RSS Feed. You can also subscribe by email and have new articles sent directly to your inbox. It's absolutely free!

Related posts:

  1. How to redirect blogger pages from one page to another page of same or a different blog?
  2. Reason why your Google Adsense earnings are falling
  3. Want to become a pro blogger? Read this free report.
  4. Confused over the terms blog, RSS, twitter, social networking? Check these creative videos.

Comments

12 Responses to “How to safely wrap adsense around blog posts in blogger?”
  1. Alert says:

    Thanks for the margin tip.

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

  3. safri says:

    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…..

  4. vinoth says:

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

  5. Adil says:

    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.

  6. Kate says:

    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! :-)

  7. Bob Findlay says:

    Thanks so much.

    Great advice for this novice & explained really well.

  8. saas says:

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

  9. 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! :)

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!