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

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.

<b>How To Get Started </b>

==> 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.

DISCLAIMER

Gistfans do not claim ownership of any of the Songs and Videos that we upload and any copyright infringement complaints will be executed immediately! It is our policy to honor all take-down requests! Email Us via Gistfansofficials@gmail.com

CONTENT REMOVAL

If you believe that this page has violated your copyrighted/protected material(s), please kindly Contact Us for immediate removal, or mail us at Gistfansofficials@gmail.com stating the content name/URL of the page. Thanks.

To upload your music on Gistfans and get massive download, contact us now:
Whatsapp: 08095459350
Email: Gistfansofficials@gmail.com

Post Summary

---

Article Name	How to Make Adsense Appear In Middle Of Blogger Posts (New and Old) Without Using Post Template Feature
Description
Author Name	Head Admin
Published On	7/18/2016
Post Category	adsense solutions

---

Also Read: