--> Add AdSense right After <!--More--> Tag | Experience Lab - Online business creation and development guide for bloggers and startups

Add AdSense right After <!--More--> Tag

This is a great tutorial which will multiply your current click through rate and add a new boom to your over all Adsense earning. With a b...

Adsense positioning in bloggerThis is a great tutorial which will multiply your current click through rate and add a new boom to your over all Adsense earning. With a big repository of plugins for Wordpress blogs like Quick Adsense, WP users never need to worry while adding Adsense to any part of the blog they wish but in blogger we lack plugins that could do the job automatically. Therefore this week my main focus lies in developing more of such plugins that could provide you great front end experience. Thanks our developer Ahmed Nasir the script developed this time will automatically insert your AdSense Ad right after the opening paragraph (Post summary) or the read more button(Jump Break). The read more link is distinguished by the HTML tag "<!--more-->" , we will use a simple Jquery code to tell the browser to append an Ad zone with a unique div ID, right before the more tag. In  browsers where JavaScript is disabled the Ad zone will instead display at the end of post. You can see the demo on our blog, right after reading this line...

(You will see below a 468X60 Adsense for content Ad).

Update: I have disabled the Ad display for browsers where JavaScript is disabled. 

Installing the Script on Blogger

  1. Go to Blogger > Templates

  2. Backup your template

  3. Tick the "Expand Widget Templates" box

  4. Search for <head>

  5. Just below it paste the following JQuery code only if you are not yet using jQuery script on your blog

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>

     6.   Next paste the following code below <head>

<script type='text/javascript'>






Optional: If you want to display the ad at two places i.e. below read more tag and also at the end of post then delete the highlighted yellow code. Also delete the yellow highlighted code from step#8 given  below

    7.  Now search the following code:


      8.  Just below it paste the following code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="display:none;">

<div id='MBT-google-ad'>

</div>  </b:if>

Replace the bolded text above with your Adsense code. Remember that the code that you copy from your Google Adsense Account must be first encoded inorder to work with blogger templates. Simply copy the code and then encode it using the following MBT tool.

Copy the encoded code from MBT HTML encoder and then paste it on the bolded text that says: ADD ENCODED ADSENSE CODE HERE

      9. Save your template and you are all done!

Visit your blog and then visit any post page, you will see an Ad hanging just perfectly right after the first opening Summary paragraph. :)

Need Help?

I am always open to curious and delicious questions so never hesitate asking for help. If your blog has no Read more functionality or you don't know how to add a a jump break then you can try these interesting tutorials:

If you wish to add Adsense just below post title or somewhere else then read:



Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,4,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,3,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
Experience Lab - Online business creation and development guide for bloggers and startups: Add AdSense right After <!--More--> Tag
Add AdSense right After <!--More--> Tag
Experience Lab - Online business creation and development guide for bloggers and startups
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy