jQuery Plugin For Embedding Custom Share Buttons with Counters pisocials - Download jQuery Plugin For Embedding Custom Share Buttons with Counters - pisocials

Download jQuery Plugin For Embedding Custom Share Buttons with Counters – pisocials

Posted on

This time I will share jQuery Plugin and tutorial about jQuery Plugin For Embedding Custom Share Buttons with Counters – pisocials, hope it will help you in programming stack.

jQuery Plugin For Embedding Custom Share Buttons with Counters pisocials - Download jQuery Plugin For Embedding Custom Share Buttons with Counters - pisocials
File Size: 27 KB
Views Total: 3759
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

A jQuery based custom social share widget which makes it easier to embed official or flat style social sharing buttons with counters into your website.

Supported social share buttons:

  • Facebook like button
  • Facebook share button
  • Twitter
  • Google plus
  • Pocket

How to use it:

1. Load jQuery library and the jQuery pisocials plugin’s files in the html file.

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

2. Create a container to place your social share buttons.

1 <div id="demo"></div>

3. Generate a default social share widget inside the container.

1 $("#demo").pisocials();

4. Customize the social share widget.

01 // custom services
02 "services": [
03   "facebookShare",
04   "facebookLike",
05   "<a href="https://www.jqueryscript.net/tags.php?/twitter/">twitter</a>",
06   "googleplus",
07   "pocket"
08 ],
09  
10 // url to share
12  
13 // title to share
14 "title": "jQuery Script",
15  
16 // 'M','S' or 'L'
17 "size": "M",
18  
19 // 'flat' or 'official'
20 "design": "flat",
21  
22 // border radious
23 "round": 0,
24  
25 // text color
26 "color": ""

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

source : jqueryscript.net