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 www.google.com/adsense
==> Parse the Adsense ad code at www.freehtmlparser.blogspot.com (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=’https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js’ 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;’>
<script>
 $AdCode = $(“#AdCode”).html();
 $(“#PostBody br:lt(1)”).replaceWith($AdCode);
 $(“#AdCode”).remove();
</script>
</b:if>

==> 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”>
 <data:post.body/>
</div>

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

==> Save the template

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 :

Like What You Read?

Sign Up to get similar articles delivered to your email inbox.

Leave a Reply

Your email address will not be published. Required fields are marked *

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

  1. Bayo Avatar
    Bayo

    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. Anonymous Avatar
    Anonymous

    This will definitely make alot of sense in Blogger mobile view. WIll try it too once on PC. Thx boss

  3. Opzydon Woros Avatar

    Oh great new trick gonna try this on my blog http://www.healthtutortips.com

  4. Akaahan Terungwa Avatar

    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!

    Always,
    Terungwa

  5. Prince Hypermega Avatar

    Pls i need your response sir. Is 35thousand pageviews ok for applying for adsense? If it is not, then how many pageviews must i have before applying for adsense?

    1. John Adikwuru Avatar

      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.

  6. Prince David Adetula Avatar

    I have tried several times to implement the Google adsense in my blog post but it does not show. Can you help me sir?

    1. Olagbaiye Theophilus Avatar

      always add the code when on HTML view and not on 'Compose" or else it wont show

  7. Grace Joseph Avatar

    pretty cool, I'll try it on my blog, think I'll earn better this way

  8. Severek Yasa Avatar

    Thank you but Not working for old posts. What I have to do?

  9. peter egwuatu Avatar

    mr jide, the one of making it to show on mobile is confusing to me, en lighting me the more. thanks

  10. Godwin Lawson Avatar

    WOW! I just did it now and it worked for me on my blog http://www.hezevibes.com

    Thank you Jide.

  11. Uche Francis Avatar

    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.

  12. samsun nahar Avatar

    This actually works for me. I have implemented it on my http://www.topandroidstuff.blogspot.com site. Check it.

  13. Benue Forum Avatar

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

  14. Jessica Avatar
    Jessica

    please i need more explanation on the mobile view implementation also the desktop view is not showing well on this particular page http://www.futogbedu.com/2016/03/why-do-guys-love-touching-breast-of-ladies.html please help

  15. WizyTechs Blog Avatar

    tenx Jide for this wonderful trick. it worked perfectly on my blog. take a look at WizyTechs.Com

    1. emeka Avatar
      emeka

      cool

  16. Mobs Avatar

    how can i make the code appear after first few lines under the post title

  17. TrendBaze Media Avatar

    been trying since but i dont get it right

  18. Habib rasel Avatar

    Thanks you sir for this trick.

  19. Michael Vilay Avatar

    Is it me or do you have more than 3 adsense ads on your site? I count 4, isn't that against adsense TOS?

  20. Tecno Avatar

    Nice tutorial, let me give it a try

  21. akokosblog Avatar

    Thanks so much

  22. Theo Nugros Avatar

    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

  23. Ambrose Nicholas Avatar

    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 http://www.afrikkupdate.com/

    God bless you Sir Jide!!

  24. Gideon MicDare Avatar

    Thanks for the info, I implement it on my blog and it works perfectly

  25. MY UNNNEWS Avatar

    thanks
    it really helped

  26. InfoClick Nigeria Avatar

    Wow, Thanks for this… I just applied it to my blog( http://www.appgamedownload.com/ ) and booom I got it right…

  27. humphery okechukwu Avatar

    I don't understand this. Please explain,

    "To make it appear on mobile view, find in your HTML and replace the under the line as explained above"

  28. EMMYB WEB Avatar

    it works perfectly, God bless Ogbonge master,

  29. iPostcity Avatar

    Thanks very much
    Now my AdSense can display in all post

  30. Favour Avatar
    Favour

    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
    guideyouon.blogspot.com.ng

  31. ozochima Avatar
    ozochima

    My is displaying in a different way and it making sense getting enough click on ads @ jarcoo.com

  32. Francis Avatar
    Francis

    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 environmentgo.com on blogger but I am kinda regretting it.

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

  33. wale Avatar
    wale

    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

  34. Omeh Collins ogbonna Avatar
    Omeh Collins ogbonna

    Thanks Jude it worked perfectly well on my blog http://www.empiretechx.com

    1. jidetheblogger Avatar

      Glad it worked for you.

  35. Alvin Uchenna Avatar
    Alvin Uchenna

    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 @ http://www.bloggingseries.com

  36. Lucas Avatar
    Lucas

    Hi guys.
    It’s work for me. Thank for your help
    My website is http://www.itviet.info
    regards

  37. Precious okoro Avatar
    Precious okoro

    Cool update just did for my blog https://Findschoolnews.com.ng

Search

Copyright © 2025 | About | Advertise | Privacy Policy | Proudly powered by WordPress