Updated: How To Place Adsense Ads Automatically In Middle of All Your Posts In Blogger | EmpireTechx: How To, Earn Money, Blog, Social, SEO EmpireTechx: How To, Earn Money, Blog, Social, SEO  

Updated: How To Place Adsense Ads Automatically In Middle of All Your Posts In Blogger

🌍 EmpireTechx - How To | Make Money | Blogging Tips | Games | Tech Services ... We Accepts Guest Post, Do Freelancer Services, Teach How To Make Money Online, etc 🌍
Let's look at how to easily and perfectly place AdSense or other ad platforms in the middle of Blogger posts.

This process is a tricky one but it can be achieved using some script codes.

Adding AdSense ads in the middle of posts is very important because it will increase your AdSense earning because it will increase your earning CTR.

On other blogging platforms like WordPress, they have customized plugins for adding ads in the middle of posts.

But on Blogger you have to do that manually by adding script codes to your blogger HTML which will automatically place ads on the middle of your posts.

This script we’re going to use will add AdSense ads exactly in the middle of your blogger posts both your old and new posts alike.

How To Place Adsense Ads Automatically below Post Title, Middle of Post and below Post body of All Your Posts In Blogger

The process for placing AdSense ad on the middle of posts is shared below.

How To Place Adsense Ads  Automatically  In Middle  of All Your  Posts In Blogger

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

The following process below will help you place Adsense ads automatically in the middle of all your blogger posts.

Step 1:

Login to Your Blogger Account

But first, make sure you backup your blogger template.

Go to  Template > Edit  HTML

If you're using your Smartphone to edit your blogger source code then use this best source code editor for Android.

Step 2:

Search  For Below  Code in your template.


When you search for the code you will get multiple codes that are similar to the above code.

Mostly you will be asked to use the second code but all blogger templates are not the same.

So we will use some trick to find the particular code that will work perfectly.

When you search for that code look for the one that has the below code above it.

This way:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>


It works with all ad format if you implement it and the ad is not showing immediately just give it time it will show up thanks.

Step 3:

Replace The above Code In Red With The Below Code.

<div id='jobmiddlenew'>
<data:post.body/> </div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style> #addcodemiddle{display: none;} </style>
<div id='addcodemiddle'> Place Your Ad Code Here </div>
<script type='text/javascript'> var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML; var str2=str1.length; var str3=str2/2; var substr = str1.substring(str3, str2); var n = substr.search(&quot;&lt;br&gt;&quot;); if(n&lt;0) { n = substr.indexOf('.'); if(n&lt;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=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;; var newbody=firsthalf+addcode+secondhalf; var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;); strnew[0].innerHTML=newbody; document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;; </script>

Step 4

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


  1. Anonymous21:01

    Why users still make use of to read news papers when in this technological world the whole thing
    is accessible on net?

  2. Most of them are not exposed to net I guess


Thank You For Sharing Your Feedback, We're Happy You're Here, Because We Love To Help Others. I appreciate your comments.