How to place ads in the middle of Blogger blog post?

Admin
8 Dec, 2023
1

Placing an AdSense ad in a Blogspot blog is a bit difficult but if you take a little care then it becomes easy. In this article, I will tell you how to add ads in the middle of a blogger's blog post? Placing ads in the middle of blog posts gives a high CTR, which also increases earnings. So let us know how to Place Adsense Ads in Between (Middle) of Post in Blogger.

Blogger

There are many plugins to place ads in WordPress posts but placing ads in a Blogspot blog is a bit difficult or tricky part, you can place ads in Blogger posts by using some tricks.

Generally, to place an ad in Blogger, one has to manually insert the Adsense ad code in every post, in which bloggers sometimes face problems, placing an ad in the post every time makes the mind nervous.

If you adopt some tips & tricks then you can place ads simultaneously in all the posts of bloggers like the above post, the below post, the bottom of the post and the middle of the post.

How to place AdSense Ads in the post middle of a Blogger Blog?

The middle of post ads you insert using the method mentioned here will automatically show in all the posts of the Blogger blog. That means you will not need to add ad code to the post again and again.

Step 1 - First of all, go to blogger.com and log in to the blogger dashboard.

Step 2 - Now go to Theme >> Edit HTML.

Step 3 - Now search the below code in the template code.

<DATA:POST.BODY/>

You will find many codes similar to the above code. You have to choose the second code.

Step 4 - Now the above code has to be replaced with the below code.
<div id='jobmiddlenew'> 
<data:post.body/> </div> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style> #addcodemiddle{display: none;} </style> 
<div id='addcodemiddle'> Place Your Ad Code Here </div> 
<script type='text/javascript'> var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML; var str2=str1.length; var str3=str2/2; var substr = str1.substring(str3, str2); var n = substr.search(&quot;&lt;br&gt;&quot;); if(n&lt;0) { n = substr.indexOf('.'); if(n&lt;0) { n=0; } var firsthalf = str1.substring(0, str3+n+1); var secondhalf = str1.substring(str3+n+1, str2); } else { var firsthalf = str1.substring(0, str3+n+4); var secondhalf = str1.substring(str3+n+4, str2); } var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;; var newbody=firsthalf+addcode+secondhalf; var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;); strnew[0].innerHTML=newbody; document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;; </script> 
</b:if>
Don't forget to replace Place Your Ad Code Here with your Adsense Ads Code. After that click on Save theme and save the code.

In this way, you can place Adsense ads simultaneously between all the posts of your blog. If you have any problem in this, you can tell by commenting below.

If you want, you can use this method to place Adsense ads in after paragraph and before paragraph.
Next Post Previous Post
1 Comments
  • Anonymous
    Anonymous 29 March

    Good

    Reply
Add Comment
comment url