jQuery Plugin For Embedding Custom Share Buttons with Counters - pisocials
File Size: | 27 KB |
---|---|
Views Total: | 3939 |
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
- Google plus
How to use it:
1. Load jQuery library and the jQuery pisocials plugin's files in the html file.
<link href="css/pisocials.css" rel="stylesheet"> ... <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="dist/pisocials.js"></script>
2. Create a container to place your social share buttons.
<div id="demo"></div>
3. Generate a default social share widget inside the container.
$("#demo").pisocials();
4. Customize the social share widget.
// custom services "services": [ "facebookShare", "facebookLike", "twitter", "googleplus", "pocket" ], // url to share "url": "https://www.jqueryscript.net", // title to share "title": "jQuery Script", // 'M','S' or 'L' "size": "M", // 'flat' or 'official' "design": "flat", // border radious "round": 0, // text color "color": ""
This awesome jQuery plugin is developed by pixelimage. For more Advanced Usages, please check the demo page or visit the official website.