Home » , » Put Adsense Ads Customly Within Post on Blogger

Put Adsense Ads Customly Within Post on Blogger

Written By Debarpan Mukherjee on 11 January 2014 | 17:55

Insert adsense withing post content
We all know Google Adsense is the best way to get some real online money through our blog.So every blogger first try to get this on and after got approved it's been their first work to moneitize them.So  we previously shared the tutorial of how to increase your adsense revenue using ads below post title and inside blog post .Here today we're just adding a new tutorial into thatr list,with the help of this you can easily put your adsense ads customly within your blog post means below post,bottom of the post,middle of the post and wherever you want.Isn't it cool?Then let's move onto the tutorial section right below.

 Must Read : Protect Adsense Account from Fraud Click


Adsense at Start and Middle of the post


Previously we had to do it manually but here under is a script which will allow to show ads at start and mid section of the post automatically. This script will find the the mid part of your blog post and automatically place ad right here. For some blog like tech blogs where HTML/CSS/Jquary etc code sharing is common will not work perfectly,cause there it may came  between shared code. But for all other blog this will work completely perfect. 

This code is also applied to those who are using scripts to show post summary on home page.




  • CASE-I: For those who are using post summary on home page.
To use this script after logging on to blogger dashboard first go to template and then search for <data:post.body/> and replace this code tag with the following code, and save the template.
  • CASE-II: For those who are using default Blogger template i.e. no post summary on home page.
To use this script after logging on to blogger dashboard first go to template and search for <data:post.body/>  code tag and replace this code with the following code, 


<b:if cond='data:blog.pageType == &quot;index&quot;'><data:post.body/></b:if>



Now paste the following code just above it, and save the template.





<!-- Ads in mid of post: automatically --><b:if cond='data:blog.pageType == &quot;item&quot;'><div expr:id='"atmid" + data:post.id'/><div style="clear:both; margin:10px 0;text-align:center"><!-- Paste Ad code here: Appear at mid of the post --></div><div expr:id='"attop" + data:post.id'><div style="clear:both; margin:10px 0;text-align:center"><!-- Paste Ad code here: Appear at top of the post --></div><data:post.body/><div style="clear:both; margin:10px 0;text-align:center"><!-- Paste Ad code here: Appear at bottom of the post --></div></div></b:if><script type="text/javascript">var obj0=document.getElementById("atmid<data:post.id/>");var obj1=document.getElementById("attop<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(" ");if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}</script><!-- Ads in mid of post: automatically -->





If you want to display ads on certain posts, you can use post label to control ads visibility. The following script may work for you.


To use this script after logging on to blogger dashboard first go to template and search for <data:post.body/> code tag and replace this code with the following code, and save the template.



<!-- Ads in mid of post: automatically --><b:if cond='data:blog.pageType == &quot;item&quot;'><div expr:id='"atmid" + data:post.id'/><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name == &quot;Label-Name&quot;'><div style="clear:both; margin:10px 0;text-align:center"><!-- Paste Ad code here: Appear at mid of the post --></div></b:if></b:loop><div expr:id='"attop" + data:post.id'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name == &quot;Label-Name&quot;'><div style="clear:both; margin:10px 0;text-align:center"><!-- Paste Ad code here: Appear at top of the post --></div></b:if></b:loop><data:post.body/><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name == &quot;Label-Name&quot;'><div style="clear:both; margin:10px 0;text-align:center"><!-- Paste Ad code here: Appear at bottom of the post --></div></b:if></b:loop></div></b:if><script type="text/javascript">var obj0=document.getElementById("atmid<data:post.id/>");var obj1=document.getElementById("attop<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(" ");if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}</script><!-- Ads in mid of post: automatically -->



  • Customization
1. You are allowed to use three different label for three different ads at top, mid and bottom of the post. Must change value Label-Name with actual Label of your post.
2. Must change following three values with your three different/same desired ad code.
<!-- Paste Ad code here: Appear at top of the post -->
<!-- Paste Ad code here: Appear at mid of the post -->
<!-- Paste Ad code here: Appear at bottom of the post -->



Adsense at Custom Location Manually

If you want to place an ad at any custom position in between your blog posts, then there is also another way available for you. You have to place <-- ads --> tag whereever you wish to show the ad i.e. at custom position in between your each blog post.

To use this script go to template and search for <data:post.body/> and replace this code with the following code, and save the template.





<!-- Ads in mid of post: automatically --><b:if cond='data:blog.pageType == &quot;item&quot;'><div expr:id='"atmid" + data:post.id'/><div style="clear:both; margin:10px 0;text-align:center"><!-- Paste Ad code here: Appear at mid of the post --></div><div expr:id='"attop" + data:post.id'><div style="clear:both; margin:10px 0;text-align:center"><!-- Paste Ad code here: Appear at top of the post --></div><data:post.body/><div style="clear:both; margin:10px 0;text-align:center"><!-- Paste Ad code here: Appear at bottom of the post --></div></div></b:if><script type="text/javascript">var obj0=document.getElementById("atmid<data:post.id/>");var obj1=document.getElementById("attop<data:post.id/>");var s=obj1.innerHTML;var r=s.search(/\x3C!-- ads --\x3E/igm);if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+13);}</script><!-- Ads in mid of post: automatically -->


Same as we explained above if you wish to display ads on certain posts, you can use post label to control ads visibility. The following script may work for you.




<!-- Ads in mid of post: automatically --><b:if cond='data:blog.pageType == &quot;item&quot;'><div expr:id='"atmid" + data:post.id'/><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name == &quot;Label-Name&quot;'><div style="clear:both; margin:10px 0;text-align:center"><!-- Paste Ad code here: Appear at mid of the post --></div></b:if></b:loop><div expr:id='"attop" + data:post.id'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name == &quot;Label-Name&quot;'><div style="clear:both; margin:10px 0;text-align:center"><!-- Paste Ad code here: Appear at top of the post --></div></b:if></b:loop><data:post.body/><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name == &quot;Label-Name&quot;'><div style="clear:both; margin:10px 0;text-align:center"><!-- Paste Ad code here: Appear at bottom of the post --></div></b:if></b:loop></div></b:if><script type="text/javascript">var obj0=document.getElementById("atmid<data:post.id/>");var obj1=document.getElementById("attop<data:post.id/>");var s=obj1.innerHTML;var r=s.search(/\x3C!-- ads --\x3E/igm);if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+13);}</script><!-- Ads in mid of post: automatically -->


  • Customization
1. You can use three different label for three different ads at top, mid and bottom of the post. Must change value Label-Name with actual Label of your post.
2. Must change following three values with your three different/same ad code.
<!-- Paste Ad code here: Appear at top of the post -->
<!-- Paste Ad code here: Appear at mid of the post -->
<!-- Paste Ad code here: Appear at bottom of the post -->
3. Add <-- ads --> tag tag in each post in HTML mode

  • Notes:
Before adding/injecting Adsense or some other ad codes in a Blogger template, you have to Convert it otherwise it will not appear in post(s). To covert Adsense code you can use our Adsense Code Coverter tool.

 Must Read : Make Money with Adsense


That's it.Now wish you luck to get more and more earning from adsense.Happy earning guyz!!!


2 comments:

  1. This is nice.. but I don't really love putting ads on my post because I'm keeping a minimal theme at the moment :)

    ReplyDelete
    Replies
    1. Well but it could improve your AdSense revenue surprisingly.

      Delete

Latest Hostgator coupons at Nba Programs