Add "Recommended for you" to blogger without uploading or downloading template.

Simple Reach is one of the cool gadget for increase your blog/ website page preview. This tool can display similar post in your blog, after visitor scroll down page. This service provide you comprehensive page views, impressions, clicks and CTR repost. After you added this similar post displaying slide gadget it automatically index your blog within few seconds. However this simplereach developer not clearly defines how to add their gadget to blogger templates. Instead of that they display upload your blogger template to SimpleReach for add this gadget. But we can easily add this similar post gadget to blogger without uploading template.

How to add SimpleReach to blogger template.

First go to SimleReach web site and create a new account. After register automatically display your code, if it’s not display go to Manage> click Get code. Now under the Choose your platform tab select "Other" and copy  your publisher ID numbers (only numbers). 

Its look like this "{ pid: "4eb63dd3386cef3d540000" };"

Now go to blogger dashboard> Design> Edit HTML and check "Expand Widget Templates". Search this code in your template (Click "Ctrl" key with "F" then search box appear and past following code in it for search)

<b:includable id='main' var='top'>

Now copy following code and past it after the above code in your template. 

<b:loop id='the_slide' values='data:posts' var='post'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>    
<script type='text/javascript'>
        __spr_config = {
          pid: &#39;PAST YOUR ID HERE&#39;,
          title: &quot;<data:post.title/>&quot;,
          ckw: &quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot;,
          pub: &quot;<b:if cond='data:post.dateHeader'><data:post.dateHeader/></b:if>&quot;,
          url: &quot;<data:post.url/>&quot;
        };
        (function(){ // The Slide by Simple Reach
          var s = document.createElement(&#39;script&#39;);
          s.async = true;
          s.type = &#39;text/javascript&#39;;
          s.src = document.location.protocol + &#39;//d8rk54i4mohrb.cloudfront.net/js/slide.js&#39;;
          (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(s);
        })();
      </script>    
</b:if>