Destino Solutions

+91 9747866100

All in one Social Media Sharing buttons Widget for Blogger

December 25th, 2013

Recently Posted some subscription widget  for blogger and Facebook new share button. now Digitcrop post All in one social media default sharing buttons  for blogger. widget include with Facebook,Google+,Twitter And LinkedIn sharing buttons make more new visitors otherwise only you get readers via Search engine and adding many social media sharing buttons make increase  readers flow.

Share buttons adding to your blogger blog. follow the steps

Backup your template After use ‘Edit HTML’

Go to blogger>  template > Edit HTML >  find below script ( Ctrl+Shift+F )

<a expr:href=’data:post.url + &quot;#more&quot;

<!– facebook sharer –>
<div class=’fb-share-button’ data-href=’#’ data-type=’button_count’/>
<!– facebook sharer END –>

<!– google+ sharer –>
<!– Place this tag where you want the share button to render. –>
<div class=’g-plus’ data-action=’share’ data-annotation=’bubble’/>

<!– Place this tag after the last share tag. –>
<script type=’text/javascript’>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/platform.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
<!– google+ sharer END –>

<!– twitter sharer –>
<a class=’twitter-share-button’ data-lang=’en’ data-via=’twitterapi’ href=’https://twitter.com/share’>Tweet</a>

    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;https://platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
<!– twitter sharer END –>

<!– linkedin sharer –>
<script src=’//platform.linkedin.com/in.js’ type=’text/javascript’>
 lang: en_US
</script>
<script data-counter=’right’ type=’IN/Share’/>
<!– linkedin  sharer END –>

Copy above ( facebook sharer ) code and paste to “post-footer-line-1>”  below  (look like above image)

click on  ‘Save template’ and go to the  Add a Gadget > HTML/JavaScript

( Blogger > Layout > Add aGadget >HTML/JavaScript

)

And copy below code on HTML/JavaScript

<div id=”fb-root”></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = “//connect.facebook.net/en_US/all.js#xfbml=1&appId=1426838920866443”;
  fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

 Save “HTML/JavaScript” popup window

Completed! : )

Categories: Blogger