How to Add AdSense After Tag in Blogspot

This featured tutorial will show you how to add Adsense after the <!—more — > Tag. It’s one way to boost your online earnings.



Using simple jQuery, this will tell the browser to add an Ad zone before the more tag. For browsers with disabled Javascript, the Ad zone will be shown at the end of the post.

Follow the steps:
  • Go to the Blogger Dashboard > Templates.
  • Tick the  Expand Widget Templates box.
  • Using Ctrl+F, search for  <head>
  • If you’re not yet using jQuery script in your blog, copy and paste the following code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
  • Paste this code below <head>
<script type='text/javascript'> $(document).ready(function(){
$(&#39;a[name=&quot;more&quot;]&#39;).before($(&#39;#MBT-google-ad&#39;).html()); $(&#39;#MBT-google-ad&#39;).html(&#39;&#39;);
}); </script>
  • Search for  <data:post.body/>
  • Paste this code:
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='MBT-google-ad'> <br/> <center> ADD ENCODED ADSENSE CODE HERE </center> <br/> </div> </b:if>
  • Change the bolded text (ADD ENCODED ADSENSE CODE HERE) with your Adsense code. Keep in mind that your Google Adsense Account must first be encoded in order to work with Blogger.
  • Click Save
We hope that this article helped you have many benefit to Add AdSense After Tag in your blog. 
Feel free to leave a comment below! 

Comments

Post a Comment