How To Place Adsense on Top, Middle and Bottom Of Your Post

Getting Adsense is no longer the hard thing but rather placing it in a site in other to make it friendly to the visitor for better earning is now frustrating. Many people especially new bloggers do use manual method to put their Adsense ad in the middle of their posts which is being repeated in every single post.

Today am going to show you how to put an end to such hard method with just a coding. The code am going to drop below consists of Top , Middle and Bottom Adsense display in posts as the below screenshot.

How To Place Adsense on Top, Middle and Bottom Of Your Post


✔ Sign in to your Blogger dashboard.

✔ Scroll down and Click on Theme.

✔ Click Edit Theme.

✔ When it opens you will see many Html coding just move your mouse and click on anywhere in the html. Now click and hold Ctrl and click F, a small box will appear on the right hand side of the Html codings now copy and paste this code  <data:post.body/> and click search.

ALSO SEE:  How To Fix Ads.txt Adsense error for Blogspot Blogger

✔ A highlight will surface with this code when you search this code, there are 2-4 of it with the same code. So under this 2-4 results, replace the last code of it with the below html code.


<br> <div id=’adsense-block’ style=’display:block;text-align: center’> PASTE CODE OF ADSENSE AD THAT WILL DISPLAY UNDER POST TITLE HERE </div></br>
<div id=’adsense-content’ style=’display:block;margin-bottom:15px;margin-top:15px;text-align: center’> PASTE CODE OF ADSENSE THAT WILL DISPLAY IN MIDDLE HERE </div>
<br><div id=’adsense-target’><data:post.body/></div></br>
<script type=’text/javascript’> function insertAfter(addition,target) { var parent = target.parentNode; if (parent.lastChild == target) { parent.appendChild(addition); } else { parent.insertBefore(addition,target.nextSibling); } } var adscont = document.getElementById(&quot;adsense-content&quot;); var target = document.getElementById(&quot;adsense-target&quot;); var linebreak = target.getElementsByTagName(&quot;br&quot;); if (linebreak.length &gt; 0){ insertAfter(adscont,linebreak[2]); } </script> <br><b:if cond=’data:blog.pageType == &quot;item&quot;’> <div id=’adsense-content2′ style=’display:block;text-align: center’> PASTE CODE OF ADSENSE THAT WILL DISPLAY BELOW BLOG POST HERE </div></b:if></br>

Now paste Your Adsense on the ‘PASTE CODE OF ADSENSE THAT WILL DISPLAY’ depending on what you want.

If you paste your Adsense code that was given to you like that it will refuse to save so you need to Parse your adsense codes by visiting Here and place them accordingly in the code above and SAVE.

ALSO SEE:  How To Add Customize Link In Blogspot Blog Post

ALSO READ: How To Add Customize Link In Blogspot Blog Post

Note: Make sure is the last one that you replaced with the above code then that’s all.

You are good to go. Incase you encounter any difficulties kindly drop your questions below.

Get Our Hottest Updates via SMS. Kindly SMS FOLLOW TUTORIALSCOPE to 40404 . On Any Network. To Submit Your Guest Post Or Sponsored Article, Enter HERE . Click HERE To Join Telegram Group
wizytechs blog-bg

Want more of this? Subscribe Below for Free

No spam guarantee.

Leave a Reply

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