August 2018 - IT VIET

Technology Hardware & Solution Provider

Wednesday, August 22, 2018

How To Make Adsense Appear In Middle and within or in-middle of the Blogger post

2:23 AM 0
After making a blog and getting the approval of AdSense, there should be the right placement of AdSense ad in you blog for making money. If AdSense ads are placed within Blogger post or in middle of the post, it will definitely drive more impressions.

If you have following questions in you mind :-
  1. How to Put Google Adsense Below Title of Blogger Post (at starting point of Post) ?
  2. How to Put Google Adsense After the Blogger Post (at the end of Blogger Post) ?
  3. Placement of Adsense Ads In the Middle or Inside Blogger Post ?
  4. How to Automatically Show Ads Inside All Blogger Posts ?
Then, this tutorial is completely yours. Here you can find a complete guide on Placement of AdSense ads below the post title or within the post of Blogger.

Follow the steps carefully for getting the answers of aforementioned questions.

  • Step 1 ⏩ Go to the Adsense Account and copy the code of Ad unit which you want to display (I recommend you to use 336x280 size ad) and convert/ parse the code : Get your Parsed Code here (Code Converter Tool).
  • Step 2 ⏩ Now Sign in to your Blogger Account and Go to Theme → Edit HTML → click on the template editor and search for <data:post.body/>
  • Tips : If You find more than one <data:post.body/>, try on the second one (if not work then try on third one).

  • Step 3 ⏩ Now find the blow mentioned process for placement of Adsense Ad at your desired place.

1. Placement of Adsense ad below Blogger Post Title (Right Aligned) :
Copy and Paste the following code above <data:post.body/>
<div style='float:right; margin: 5px;'>

[Add Your Converted Adsense Code]


2. Placement of Adsense ad below Blogger Post Title (Left Aligned) :
Copy and Paste the following code above <data:post.body/>
<div style='float:left; margin: 5px;'>

[Add Your Converted Adsense Code]

Tips : If you want to display your Ads at middle then use text-align:center; in place of float:left or right.

3. Placement of Adsense ad After Blogger Post (At End of Post) :
Copy and Paste the following code below <data:post.body/>
<div style='text-align:center; margin: 5px;'>

[Add Your Converted Adsense Code]


4. Placement of Adsense ad In the Middle or Inside Blogger Post :
As you see in above process, we can easily place Ads below the title and at the End (footer) of post without any script.
But placing the Ads in the middle of blogger posts or Inside blog post is quite different, for doing this we required a script. Find the below mentioned process the will help you to place Google Adsense Ads in the middle of the blogger blog post or Inside the Blogger Post.

Copy and Replace <data:post.body/> with the following code  
<div expr:id='&quot;post1&quot; +'/>
<div class='googlepublisherads' style='margin:20px 0'>

[Add Your Converted Adsense Code]

<div expr:id='&quot;post2&quot; +'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<>&quot;);
var obj1=document.getElementById(&quot;post2<>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
Tips : Automatically your ad will appear at middle of post. If you want to display the ads at One Third part of Post replace 2 with 3 (the red one) or if you want to display at in at the quarter of a post, please replace the 2 with 4.

Read More