Earn Money by Displaying Ads in your Website/ Blog

Display AdSense Inside Blogger Post Automatically

Hereunder is a script that will show ads at the start and middle of the post automatically. This script finds the middle part of the blog post and automatically place an ad. For some blog like tech blogs where HTML code sharing is common will not work perfectly it might come between shared code. But on all other blogs, it will work perfectly.

This code is also for those who are using scripts to show the post excerpt on their home page.

CASE-I: For those who are using post excerpt on the home page.

To use this script go to theme HTML and search for <data:post.body/> and replace this code with the following code, and hit the save button.

CASE-II: For those who are using default Blogger theme i.e. no post excerpt on the home page.

To use this script go to theme HTML and search for <data:post.body/> and replace this code with the following code,

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<data:post.body/>

</b:if>

Now paste the following code just above it, and hit the save button.

<!-- Ads in mid of post: automatically -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='"atmid" + data:post.id'/>

<div style="clear:both; margin:10px 0;text-align:center">

<!-- Paste Ad code here: Appear at mid of the post -->

</div>

<div expr:id='"attop" + data:post.id'>

<div style="clear:both; margin:10px 0;text-align:center">

<!-- Paste Ad code here: Appear at top of the post -->

</div>

<data:post.body/>

<div style="clear:both; margin:10px 0;text-align:center">

<!-- Paste Ad code here: Appear at bottom of the post -->

</div>
</div>

</b:if>


<script type="text/javascript">

var obj0=document.getElementById("atmid<data:post.id/>");
var obj1=document.getElementById("attop<data:post.id/>");

var r=t.lastIndexOf(" ");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);

<!-- Ads in mid of post: automatically -->
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}

</script>

If you want to display ads on certain posts, you can use post label to control ads visibility. The following script may work for you.

To use this script go to theme HTML and search for <data:post.body/> and replace this code with the following code, and save the changes.

<!-- Ads in mid of post: automatically -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='"atmid" + data:post.id'/>

<b:if cond='data:label.name == &quot;Label-Name&quot;'>
<b:loop values='data:post.labels' var='label'>

<div style="clear:both; margin:10px 0;text-align:center">

<!-- Paste Ad code here: Appear at mid of the post -->

</div>

</b:if>

</b:loop>

<div expr:id='"attop" + data:post.id'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.name == &quot;Label-Name&quot;'>

<div style="clear:both; margin:10px 0;text-align:center">

<!-- Paste Ad code here: Appear at top of the post -->

</div>

</b:if>

</b:loop>

<data:post.body/>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.name == &quot;Label-Name&quot;'>

<div style="clear:both; margin:10px 0;text-align:center">

<!-- Paste Ad code here: Appear at bottom of the post -->

</div>

</b:if>

</b:loop>
</div>

<script type="text/javascript">
</b:if>


var obj0=document.getElementById("atmid<data:post.id/>");
var obj1=document.getElementById("attop<data:post.id/>");

var r=t.lastIndexOf(" ");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);

<!-- Ads in mid of post: automatically -->
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}

</script>

Notes –

1. You can use three different labels for three different ads at top, mid and bottom of the post. Must change value Label-Name with actual Label of your post.

2. Must change following three values with your three different/same ad code.

<!– Paste Ad code here: Appear at top of the post –>

<!– Paste Ad code here: Appear at mid of the post –>

<!– Paste Ad code here: Appear at bottom of the post –>

Put AdSense in the Middle of Blogger Post

If you want to place an ad at the custom location in between post, then there is also a solution for you. You have to place <– ads –> tag where you want to show the ad i.e. at the custom location in between your every post.

To use this script go to theme HTML and search for <data:post.body/> and replace this code with the following code, and save the changes.

<!-- Ads in mid of post: automatically -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='"atmid" + data:post.id'/>

<div style="clear:both; margin:10px 0;text-align:center">

<!-- Paste Ad code here: Appear at mid of the post -->

</div>

<div expr:id='"attop" + data:post.id'>

<div style="clear:both; margin:10px 0;text-align:center">

<!-- Paste Ad code here: Appear at top of the post -->

</div>

<data:post.body/>

<div style="clear:both; margin:10px 0;text-align:center">

<!-- Paste Ad code here: Appear at bottom of the post -->

</div>
</div>

</b:if>


<script type="text/javascript">

var obj0=document.getElementById("atmid<data:post.id/>");
var obj1=document.getElementById("attop<data:post.id/>");

var r=s.search(/x3C!-- ads --x3E/igm);
var s=obj1.innerHTML;

</script>
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+13);}

<!-- Ads in mid of post: automatically -->

Same as I explained above if you want to display ads on certain posts, you can use post label to control ads visibility. The following script may work for you.

If you want to place an ad at the custom location in between post, then there is also a solution for you. You have to place <– ads –> tag where you want to show the AdSense inside Blogger post.

To use this script go to Theme HTML and search for <data:post.body/> and replace this code with the following code, and save the changes.

<!-- Ads in mid of post: automatically -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='"atmid" + data:post.id'/>

<b:if cond='data:label.name == &quot;Label-Name&quot;'>
<b:loop values='data:post.labels' var='label'>

<div style="clear:both; margin:10px 0;text-align:center">

<!-- Paste Ad code here: Appear at mid of the post -->

</div>

</b:if>

</b:loop>

<div expr:id='"attop" + data:post.id'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.name == &quot;Label-Name&quot;'>

<div style="clear:both; margin:10px 0;text-align:center">

<!-- Paste Ad code here: Appear at top of the post -->

</div>

</b:if>

</b:loop>

<data:post.body/>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.name == &quot;Label-Name&quot;'>

<div style="clear:both; margin:10px 0;text-align:center">

<!-- Paste Ad code here: Appear at bottom of the post -->

</div>

</b:if>

</b:loop>
</div>

<script type="text/javascript">
</b:if>


var obj0=document.getElementById("atmid<data:post.id/>");
var obj1=document.getElementById("attop<data:post.id/>");

if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+13);}
var s=obj1.innerHTML;
var r=s.search(/x3C!-- ads --x3E/igm);
</script>

<!-- Ads in mid of post: automatically -->

Notes –

1. You can use three different labels for three different ads at top, mid and bottom of the post. Must change value Label-Name with actual Label of your post.

2. Must change following three values with your three different/same ad code.

<!– Paste Ad code here: Appear at top of the post –>

<!– Paste Ad code here: Appear at mid of the post –>

<!– Paste Ad code here: Appear at bottom of the post –>

3. Add <– ads –> tag tag in each post in HTML mode.

Important: Before adding/injecting AdSense or some other ad codes in a Blogger theme, you have to Parse it otherwise it will not appear in the posts. To parse AdSense code you can use our AdSense code parser code.