How I Make Adsense Appear In Middle Of Blogger Posts (New and Old) Without Using Post Template Feature

In my previous post, I explained how to easily place Adsense ads in middle of Blogger posts using the Blogger “Post Template” feature. Although the trick is very easy to implement and automatically displays ad in desktop and mobile view, the trick doesn’t display the ads in old posts.

If you want the ad to display in the middle of all posts (old and new), you will have to hack your blog’s html and add some codes to it. I stumbled on the trick here, implemented it and works fine on my blog. I even use the trick to make Adsense ads appear in the middle of posts on Blogger mobile view.

This script in the trick actually looks for number of <br/>  (line break) tags inside your post and display ad unit.

adsense in middle

How To Get Started

==> BACK UP your blog template. Very Important!
==> Generate your Adsense ad code from
==> Parse the Adsense ad code at (paste and click “Encode”)
==> Login to your Blogger dashboard and back up your template ( Very Important! )
==> Go to “Template” > “Edit HTML

==> Use CTRL F to search your HTML for the JQuery script below:

<script src=’’ type=’text/javascript’/>

If it exists, move on to the next step. If not, copy the script above and paste directly above </body> in your blog’s html

==> Use CTRL F to find </body> again and directly above it, paste the code highlighted below:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
 $AdCode = $(“#AdCode”).html();
 $(“#PostBody br:lt(1)”).replaceWith($AdCode);

==> Save the Template

==> Go back to “Template” > Edit HTML. Use CTRL F to find <data:post.body/> . Replace it with the code below:

<div id=”PostBody”>

<div id=”AdCode”>
<div style=’margin:5px 0;text-align:center;clear:both;’>
 <!– Paste PARSED Ad Unit Code Here –>

==> Save the template

See also :   How I Receive Adsense Payment with Diamond Bank Savings Account

NB: Your template might have 2 or more <data:post.body/> codes. You have to identify correct one by using “try and error” trick. The 2nd or 3rd instance works in most templates though.

==> Go to “New Post” > “Options“. Ensure you select “Press Enter for line breaks“.

That’s all.

To make it appear on mobile view, find <b:includable id=’mobile-post’ var=’post’> in your HTML and replace the <data:post.body/> under the line as explained above.

I hope it works for you.

If it doesn’t work for you, you can simply revert the changes by uploading the back up you created before implementing the trick.

Please Share :

Written by Jide Ogunsanya

Pro Nigerian Blogger, Digital Marketer and Web designer. I help business owners to grow their businesses online. You can join my Facebook Group here.


Leave a Reply
  1. Wow! This is indeed an advanced trick. WIll try it and if it doesn't work, will stick to the simple post template trick. Thanks for sharing..

  2. This trick is certainly brilliant, Jide. Though I don't use Adsense on my blogs, I can predict that the new ad position will certainly guarantee more visibility and hence a higher click through rate.

    Sincerely, I hope this makes more money for all who are both on Blogger and are running Adsense.

    Make the day great!


    • I don't think that page views really matter. I had less than 3k page views when I applied and was approved.

      Have quality contents and adhere to Google's AdSense programme policy, and you're good to go.

  3. Hello Jide!

    I've tried, but really cant get this to work on my blog.

    Am actually trying to embed a Google Adsense link Ads at the middle or end of my post but it just wouldn't come up.

    Any recommendations?

    Thank you.

  4. Jide thank you very much, it works perfectly well on our blog( the mobile aspect is confusing as I can't find the under the mobile description above. Please can I have more explanation?

  5. please i need more explanation on the mobile view implementation also the desktop view is not showing well on this particular page please help

  6. when i open edit html page in layout and search for the word u told for data post body it doesnt show any codelike this anywhere in that html edit page thans help me to add ads in my blog thanks

  7. Thanks so much for your update Sir, followed your instructions and I was able to place my ads at the top and below posts on my blog

    God bless you Sir Jide!!

  8. I don’t No the first code could not save it keeps telling me ‘Error parsing XML, line 3149, column 13: Open quote is expected for attribute “src” associated with an element type “script”. Do I have to parse everything

  9. Seriously I never knew blogger was this tough, I have been enjoying the grace of wordpress for long, everything is damn easy with wordpress. I have my other sites on wordpress but decided to try out my new site on blogger but I am kinda regretting it.

    Thanks for the trick, but it did not work for me.

  10. Error parsing XML, line 2835, column 9: Open quote is expected for attribute “id” associated with an element type “div”.
    that is d errror im seeing

  11. Thanks bro, it worked for me… Displayed ads at the middle of posts. Please it showed on mobile view but disappears on pc view. Any solution ??
    Check it out @

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our comment policy. Your email address is required but will not be published. No keyword stuffing in the name field and commenting from blah blah blah makes no sense. Thank You.

  • Millionaire Reveals How You Can Make Millions Doing What You LoveRead More
  • Free Ebook Explains How To Design WebsiteDownload Now
  • We can help you ship items from Amazon USA to NigeriaMore Info
  • Do you want to ask some questions?Click To Ask

7 Tips for Ad dynamo Advertisers To Increase Campaign Performance

Buy Infinix Zero (16GB) at Konga With Free Delivery To Anywhere in Nigeria