How To Place Adsense Ads In Middle of The Post in Blogger-Any Template Work Around Method

Posted by : Brandon Monday, January 19, 2015

Placing adsense ads in middle of all the posts will give a high CTR which eventually increases earnings. In word press, There are customized plugins available for placing ads in middle of the posts. But in case of blogger it is some what tricky part to place adsense ads in middle of all the posts. We have developed a script which can place adsense ads in between the post exactly in the middle of the content. The procedure for placing adsense ads in middle of the posts in blogger is shared below.

Place Adsense Ads Automatically In Middle of All The Posts In Blogger:

Follow The below process to place adsense ads in Middle of all the posts automatically in blogger.

Step 1:

Step 2:

Search For Below Code in your template.

<data:post.body/>

You will get multiple codes similar to above code. You have to select the second code which is similar to above code in order to make the script work properly.

Step 3:

Replace The above Code With The Below Code.

<div
 id='jobmiddlenew'>
  
 <data:post.body/>

          </div>
<b:if cond='data:blog.pageType == "item"'>

<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>

Place Your Ad Code Here

    </div>
<script type='text/javascript'>


var 
str1=document.getElementById("jobmiddlenew").innerHTML;
var
 str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);

var n = substr.search("<br>");
if(n<0)
{
n = substr.indexOf('.');
if(n<0)
{
n=0;
}
var firsthalf = str1.substring(0, str3+n+1);
var secondhalf = str1.substring(str3+n+1, str2);

}
else
{

var firsthalf = str1.substring(0, str3+n+4);
var secondhalf = str1.substring(str3+n+4, str2);
}
var 
addcode="<center>
"+document.getElementById("addcodemiddle").innerHTML+"</center>
<br/>";

var
 newbody=firsthalf+addcode+secondhalf;


var strnew=document.getElementsByClassName("post-body 
entry-content");
strnew[0].innerHTML=newbody;

document.getElementById("addcodemiddle").innerHTML="";

      
</script>

  </b:if>

<data:post.body/>

</div>

<b:if cond='data:blog.pageType == "item"'>

<style>

#addcodemiddle{display: none;}

</style>

Place Your Ad Code Here

</div>

var str1=document.getElementById("jobmiddlenew").innerHTML;

var str2=str1.length;

var str3=str2/2;

var substr = str1.substring(str3, str2);

var n = substr.search("<br>");

if(n<0)

{

n = substr.indexOf('.');

if(n<0)

{

n=0;

}

var firsthalf = str1.substring(0, str3+n+1);

var secondhalf = str1.substring(str3+n+1, str2);

}

else

{

var firsthalf = str1.substring(0, str3+n+4);

var secondhalf = str1.substring(str3+n+4, str2);

}

var addcode="<center>"+document.getElementById("addcodemiddle").innerHTML+"</center><br/>";

var newbody=firsthalf+addcode+secondhalf;

var strnew=document.getElementsByClassName("post-body entry-content");

strnew[0].innerHTML=newbody;

document.getElementById("addcodemiddle").innerHTML="";

</script>

</b:if>

Step 4

Replace The Place Your Ad Code Text With Your Adsense Ad Code in the above code and save your template.

If you are facing any kind of issue then do let us know in your comments. Happy Blogging Cheers

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Please Wait . . .