Subscribe:

Ads 468x60px

Tuesday, August 14, 2012

Wrapping Adsense Ads around your blog posts with text

Google Adsense has become for more than 90% of bloggers a good source of revenue. And mostly users of blogger platform start using it right away, once they get a decent traffic. In  order to get most of your ads, you should learn to position them so that visitors can notice them but not get very distracted. For that you have to customize the colors for your Ad codes, but that's a completely another story. Today i want to show you how to wrap your text posts  around your Adsense Ads, so your CTR increases and the income as well. Let's get started.




So in order to get a higher click through rate, i recommend blending the ads with your blog main colors. So that the user doesn't get too much distracted, believe me on a blog with blue and white colors like in the image above, you don't want to use the Ads color red as it gets noticed and catches your eye as a result your visitor could leave your blog.

To avoid those kind of cases you have to experiment and already see what's better for you and your blog.
Let's move now to the tutorial part on how to make ads appear like in the image.

Wrapping Adsense Ads around your blog posts with text

  1. Go to your Blogger Dashboard
  2. Next click Design -> Edit HTML, check the Expand Widget Templates.
  3. Using the combination CTRL+F, find this code <data:post.body>
  4. Now add one of the codes below, above the line in (3) to show at the top part of your post.
This will show your ads aligned to left
<div style='float:left; margin-right:5px;'>
YOUR ADSENSE CODE
</div>
To make it align to right, change the float value to right.

Change the line that says: "YOUR ADSENSE CODE" with your parsed code. You can parse it HERE! And then include it between those lines. By this moment your ads should show up, but they will appear on your main page too, not only in your post content. To make your Ads appear only on post content page use this lines:
<b:if cond='data:blog.pageType == &quot;item&quot;'>

</b:if>

The final result should look like this:

<b:if cond='data:blog.pageType == &quot;item&quot;'>


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


</b:if>

That's it, not that hard at all. In the end i would recommend to use the following ad formats as they appear to be the best performing: 336*280, 300*250. That doesn't mean you can't try other formats, feel free to experiment and see what's working best for your blog. Good luck!

Please don't forget to Subscribe by Email below, and of course like/comment!
Do you Like this story..?

Get Free Email Updates Daily!

Follow us!

Read more

12 comments:

  1. nice blog very informative checkout my blogs at

    http://www.onjokes.blogspot.com
    http://www.togetherfornature.blogspot.com
    http://www.definingwords.blogspot.com

    feel free to leave a comment

    ReplyDelete
  2. Thanks for sharing it . you have explained it perfectly . Keep it up.
    http://adeelzsoft.blogspot.com/

    ReplyDelete
  3. good post on Adsense. Thanks, www.amiodhara.blogspot.com

    ReplyDelete
  4. Thank you so much!
    www.triviaminute.com

    ReplyDelete
  5. Thank you so much!
    www.a-tchoof.blogspot.com

    ReplyDelete
  6. thank you http://infowebd-z.blogspot.com/

    ReplyDelete
  7. thank you

    http://www.tivi.hol.es
    http://www.khausar.com
    http://www.hqmuvi..com
    http://itsnotlogic.blogspot.com

    ReplyDelete