Home
Blogger

Automatically Display Any Affiliate and Adsense Ads in the Middle of Blog Post?

How to add any affiliate ads including AdSense ads in the middle of Blogger Blog post automatically? This widget will measure the post page height automatically and start display ads In the Middle Of Blog Post. You can display any ads or widget in the middle of Blog posts.
In WordPress platform we often see advertisement can be display in different places. Generally it can be done by the help of Plugins. 

And Plugins helps to circulate the ad place and display in different place. This is one of the most effective way to increase Ads revenue. And this strategy works best to increase ad revenue.

In Blogger platform hasn't any opportunity to use plugins mobilize ad placement trick. But we can use JavaScript to display ads at the middle of the Blog post that can increase our ad revenue. Most of the returning Blog readers become ad blind, because they know where ads has placed in your site and they avoid that place.

But by using this widget you can display ads in the middle of the Blog posts and readers will click on ads naturally.

Automatically Display Any Affiliate Ads in the Middle of Blog Post?

Previously I have shared a widget where we can display AdSense ads anywhere inside of a Blogpost. But that widget you have to use manually, because while you make post you have to place manual code <!-- adsense --> like this, where you want to display ads. Many users may not like this widget because of manual works.

So to get ride from that you can use this automatic affiliate ad display widget. Even now you can display any widget in the middle of Blog Post. This widget has several features, those are as follows:
  • Display ads at the middle of the Blog Post.
  • You don't have to manually put code.
  • This will automatically search the place to display ads.
  • You can display multiple ad units.
  • Any widget like related post widget can be display at the middle of the Blog posts.
  • You can easily  remove the widget.
Sounds great! I hope you are pretty excited to integrate this widget in your Blogger site. So let's proceed to the tutorial. Please take a backup of your Blogger template before proceed. After that go through the below steps-by-steps walk through.


Step #1: Log in to your Blogger Account and go to Dashboard

Step #2: From vertical options click on Template ->Edit HTML->

Step #3: Instantly locate <data:post.body/>  by Pressing  Ctrl+F (Windows) or CMD+F (Mac) 


You will find this code  <data:post.body/>  3/4 times, Please go for second one.

Step #4: Once you find it then replace <data:post.body/> code by below script.

<div expr:id='&quot;adbox&quot;+ data:post.id'/>
<div style='clear:both;text-align:center;margin:15px 0 15px 0'>
<!-- Place Your Ad Code here -->
</div>
<div expr:id='&quot;adsbox&quot;+ data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;adbox<data:post.id/>&quot;);var obj1=document.getElementById(&quot;adsbox<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+16);}
</script>
Step #5: Please replace line with your affiliate ads, AdSense or widget code. And click "Save template” from the HTML editor.

Note that for placing AdSense ads you must parse the script first. Simple use are Parser to use AdSense code in the widget.

You can check your Blog post now and see ads has started display in the middle of the Blog Post automatically.

A Simple Solution

If your Blog already have many posts then you may see some problem. Some broken script will appear at the bottom of the ad banner. To fix this issue simply make a gap between ad banner and texts in Blog post editor. After that see the preview, if you see broken script is not appearing then simply publish or Update the post.

If you have any query regarding this widget then simply feel free to write a comment below. I will try to get connect with you soon. Thank you.

25 comments

  1. i want to show 3 ads inside my post,How to do it?
    • Hi Ansary Pangader,
      I didn't test the 3 ads but you can replace the below text from above code by 3 AdSense ad script. I think it will work.

      <!-- Place Your Ad Code here -->


      Please let me know. :t
  2. thank you for this... works perfectly
    • Hi Joseph O :)
      Thanks for your feedback.:up
  3. Thanks man, it works! thumbs up to you
    • Welcome phonetweakers.. :up
  4. Sorry if I sound like a beginner...
    I don't understand replace line with your affiliate ads
    • Hi There
      In the above code block you will see a line like below

      <!-- Place Your Ad Code here -->

      just you have to replace this line by your affiliate ad script. Every affiliate ad network will provide their script to display their own advertisement. So you have to generate ad script and replace this <!-- Place Your Ad Code here --> line by your affiliate script.

      Thank you :up
  5. please i cant find this code in my template
    • Hi there,
      You have to find below code. And you will find it 2/3 times in your blogger theme.

      <data:post.body/>

      Thank you ^_^
  6. thanks
    am done with it now
    but i wanted to display 2 ads unit inside my post
    is it possible?
    my web urel is htt://ipostcity.com
    • Hi iPostcity,
      Just add 2 ad script. and it will start display 2 ad banner. :)
  7. PLACE_YOUR_PARSE_ADSENSE_CODE_HERE

    use this above and below

    it will cover the total post from start to end
    • In this case you can use non-responsive ad banner.

      728px X 90px
  8. How To Place Adsense Ads In Middle Of The Post In Blogger
    https://goo.gl/vzB4mK
    • Please read the article you will understand. Thank you :)
  9. I used your guide, and I was able to place ad code automatically in the middle of blog post. I must confess itS quite perfect BUT the broken script spoilt everything. I've about 260+ articles published on my blog, and I can't go back to start adding space between ad banner and text. Even when I tried to add gap between an ad banner, the broken script still appears. I'd be extremely glad if you can fix the broken script automatically and update the codes again... I'll be anticipating for your response.

    (Also I love your middle ad banner) I really want something​ like this.
    • Hi Henry Emmanuel
      This widget conflict only with table script. If your Blog post containing table then your table will break. But if your site is full with written text then it will work fine.

      Alternatively you can use manual system to place the add in the middle of anywhere of the Blog post. Still I am following this method.

      http://www.bloggerspice.com/2013/04/how-to-display-adsense-ads-anywhere-of.html

      Thank you :)
  10. I have a blog website made in asp.net and not with wordpress or blogger. I just get adsense approval by google and place ads on bottom of the page but i am not able to place the ad in the top portion or right sidebar or in middle of post or below the post title. Can you help me out. My website url is www.makeupspectrum.com
    Thank you...
    • Hi Neetu :t
      Sorry I don't have any experience on asp.net you can make query on their forum https://forums.asp.net/

      I can give solution on Blogger and WordPress only. Thanks for dropping you comment. :)
  11. Thanks for this, it worked for me on my blog
    • I am very glade to hear that. :)
  12. It's really great.I followed your advice.It really worked.keep posting.
    Thank you.
    visit - www.sbmade.com
    • Welcome Bro :)
  13. Thanks a lot! I tried many methods available on Internet but this one worked like a fire.
Go Up