Let see how we can add ads middle of the post page.
Suggestion:-We always recommend to back up your template before changing any elements of your templates.
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:
Login to Your Blogger AccountGo to Template >Edit HTML
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'>
Your Ad Code Text
</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>