How to show Adsense Ads Inside Blogger Blogposts (inline and wrapped by text)?

It is a proven fact that higher click-through rates (CTR) are achieved when Adsense (or any other ad network) ads are placed close to the content of the post and this placement is the best out of the lot (between post title and body, inline and wrapped by post text). Here is how you can do the above arrangement in your blog:

1. Login to Blogger and Go to “Design/Edit HTML”
2. Check “Expand Widget Templates”
3. Search for ANY of the following lines of code in the template (use “Find” by pressing Ctrl+F)

<div class=”post-body entry-content”>

OR

<data:post.body/>

(variable according to different templates)

4. Add following lines of code

<div style=”float: left; margin-left: 0px; margin-right: 10px;”>
YOUR PARSED AD CODE
</div>

Just below

<div class=”post-body entry-content”>

OR

Just above

<data:post.body/>

Replace “YOUR PARSED AD CODE” with your actual Adsense ad code (note that you cannot place the Ad code as such in the blogger template i.e. it must be parsed (made xml compatible) first. Read this post to know how to parse Adsense Ad code for xml templates)
Click “SAVE TEMPLATE” and done.

NOTE:

1. The above arrangement will show ads at home page as well as post pages. If you want to show the ads at post pages only (and not at blog home page) then use the following code (instead of code given in point 4 above):

<div style=”float: left; margin-left: 5px; margin-right: 10px;”>
<b:if cond=”data:blog.pageType == &quot;item&quot;”>
YOUR PARSED AD CODE
</div>

2. The above code will align the Ads left to the post text, however you can also change it to right by changing “float:left” to “float:right” in the code. You can also change margin width that suit your template (for example it can be set more than or less than 5px).

Leave a Reply

Your email address will not be published. Required fields are marked *