How to Set Up AddThis Smart layers on Blogger

Views

How To Set Up Add This Smart layers

AddThis introduce its new feature “Smart Layers” to make blog and websites increase traffic and be social friendly. “Smart layers” include Follow buttons, Recommended Contents, Sharing Buttons on The left and What’s next on right corner.  This will be a good impact as it is mobile friendly so even you visitors visit your site through mobile gadget the plug-in adjust its size and look to screen resolution.  This is a complete tool for everyone who what’s their site more interactive and can be easily shared content. No need to be a techy genius as you only need to insert ONE PIECE of a code. Keep reading to see its features and benefits for your websites.

  • Easy Installation - Add share buttons, follow buttons, and content recommendations to your pages with one piece of code.

  • Mobile & Tablet Ready  - Designed with mobile in mind, Smart Layers adapts to mobile form function and is retina-ready with no extra work.

  • Any Site, No Disruption - Easy-to-install layers float effortlessly over your content without disrupting your layout. Now that's smart!

  • Works With other AddThis tools - Smart Layers works seamlessly with other AddThis tools like Share and Follow Buttons, and includes complete analytics reporting. See a demo.

  • Personalization Features - AddThis shows every visitor recommended content and the social tools that are most relevant and likely to drive engagement. 

(Source: AddThis.com)

To Ger Started :
  • Go To AddThis.com
  • Turn On the Features you wanted to add on your blog
  • Once your done setting up click “generate code” the code similarly looks like this.

<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51e5127b200e4495' type='text/javascript'/>
<script type='text/javascript'>
  addthis.layers({
    &#39;theme&#39; : &#39;transparent&#39;,
    &#39;share&#39; : {
      &#39;position&#39; : &#39;left&#39;,
      &#39;numPreferredServices&#39; : 5
    },
    &#39;follow&#39; : {
      &#39;services&#39; : [
        {&#39;service&#39;: &#39;facebook&#39;, &#39;id&#39;: &#39;Debbie.Navarro17&#39;},
        {&#39;service&#39;: &#39;twitter&#39;, &#39;id&#39;: &#39;DebNavJohnny&#39;},
        {&#39;service&#39;: &#39;linkedin&#39;, &#39;id&#39;: &#39;debbienavarroph&#39;},
        {&#39;service&#39;: &#39;google_follow&#39;, &#39;id&#39;: &#39;113621236330003247058&#39;},
        {&#39;service&#39;: &#39;pinterest&#39;, &#39;id&#39;: &#39;debz2012&#39;},
        {&#39;service&#39;: &#39;rss&#39;, &#39;id&#39;: &#39;http://feeds.feedburner.com/DebbiePortfolio&#39;}
      ]
    }, 
    &#39;whatsnext&#39; : {}, 
    &#39;recommended&#39; : {
      &#39;title&#39;: &#39;Recommended for you:&#39;
    }
  });
</script>
<!-- AddThis Smart Layers END -->

  • Log in To Your Blogger Dashboard
  • Template
  • Edit HTML
  • CTRL+F to Find this piece of code

</body>

  • And paste your generated code above/before closing body tag.
  • Save Your Template and see it works perfectly.

That's how simple to add this plugging and it works automatically indexing every page and post you have and start showing it to your readers.