Sunday, 6 October 2013

Adding Social Media Share Buttons Below Every Post

By
Adding Social Media Share Buttons Below Every Post

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..

                 








2 comments:

  1. Bro, It's Not Working On My Blog :(

    When I Try To Implement The Code, Following Error Occurs :/

    Error parsing XML, line 1285, column 5: The element type "b:includable" must be terminated by the matching end-tag "".

    Waiting For Your Response..

    ReplyDelete
    Replies
    1. hey Muhammad Ali Raaja
      you can use Shareaholic.com site.throw that you can add share button like me ..so visit it. :)

      Delete