Easy Social Sharing Buttons with Shared Count ssc js - Download Easy Social Sharing Buttons with Shared Count - ssc.js

Download Easy Social Sharing Buttons with Shared Count – ssc.js

Posted on

This time I will share jQuery Plugin and tutorial about Easy Social Sharing Buttons with Shared Count – ssc.js, hope it will help you in programming stack.

Easy Social Sharing Buttons with Shared Count ssc js - Download Easy Social Sharing Buttons with Shared Count - ssc.js
File Size: 636 KB
Views Total: 3374
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Yet another jQuery social share plugin which creates beautiful social sharing buttons with shared counts to increase social shares for your web content.

Social networks included:

  • Facebook
  • Twitter
  • Google Plus
  • Linkedin
  • Pocket
  • Hatena

How to use it:

1. Put jQuery JavaScript library and the jQuery ssc.js (Social Shared Count) plugin’s JS and CSS files into the webpage.

1 <link rel="stylesheet" href="assets/css/style.ssc.min.css">
2 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
3 <script src="assets/js/dist/jquery.ssc.min.js"></script>

2. Create a container and use data-ssc attributes to specify the URL & content title you want to share.

1 <div class="socialSharedCount"
2      data-ssc-url="https://www.jqueryscript.net/"
3      data-ssc-title="jQuery Script">
4 </div>

3. Call the function to generate a group of social sharing buttons with counters.

1 $(".socialSharedCount").socialSharedCount();

4. Enable / disable social networks.

01 $(".socialSharedCount").socialSharedCount({
02   facebook       : false,
03   <a href="https://www.jqueryscript.net/tags.php?/twitter/">twitter</a>        : false,
04   google         : false,
05   hatena         : false,
06   linkedin       : false,
07   pocket         : false,
08   twitterVia     : null,
09   twitterRelated : null
10 });

Change log:

2017-06-18

  • It corresponds to YQL specification change.

This awesome jQuery plugin is developed by visualive. For more Advanced Usages, please check the demo page or visit the official website.

source : jqueryscript.net