Adding Social Media Share Buttons

Social share buttons are very important for any blog. These buttons helps in increasing the popularity and traffic of the blog. By using these social  share buttons any blog visitor can directly share your blog content to social networks like facebook, twitter, LinkedIn etc. In this way this widget also helps in improving the social status of any blog.This guide is about adding beautiful social share buttons  below posts in blogger blogs. 

->Go to Blogger Dashboard > Select the Blog > Go to Template page of the Blog

->Click Edit HTML button.

->Then press Ctrl+f and go to </head> .

->Insert Below code before the closing </head> tag .

<script type="text/javascript">
//<![CDATA[
  (function() {
    var shr = document.createElement('script');
    shr.setAttribute('data-cfasync', 'false');
    shr.src = '//dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js';
    shr.type = 'text/javascript'; shr.async = 'true';
    shr.onload = shr.onreadystatechange = function() {
      var rs = this.readyState;
      if (rs && rs != 'complete' && rs != 'loaded') return;
      var apikey = 'cdd1efa0217834ef589b82992947eeed';
      try { Shareaholic.init(apikey); } catch (e) {}
    };
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(shr, s);
  })();
//]]>
</script>

->then after find this code :

<data:post.body/> 

-> Place the following code right Below the code.

<div class='shareaholic-canvas' data-app='share_buttons' data-app-id='363600'/></div>

->This way you can add share button below Every Post with Counter.you can see the live demo below the post.

-> if any problem or question related this post then ask me throw the comment . Please share this post with your friends on Facebook as well as Google+, also subscribe to our mail list so that you will not miss out any future post. Till that time happy surfing.