Last 3 day, I have changed my blog template and unfortunately, my Adsense ads don't come out in the middle of my article, where it always be in the previous template. I have tried many ways until I found this one and happy to share it here. (also for my references)

The placement of Adsense ads is the most crucial part of the process. It plays the biggest role on how excellent you will earn money from it. There are 4 places where you can usually place your ads:
1. Above the article
2. Below the article
3. On the sidebar
4. In the middle of article

Do you want your ads to show up like in the image?

Also, read: How I Can Gain Visitors On My Blog Post?

Here is how to place your ads in the middle of your article in the simplest way. It uses HTML but still the easiest way. No worry.

0. Precaution: Please download the previous theme.

 <data:post.body/>

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
--ENCODED ADSENSE CODE--
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>