pisocials is a custom jQuery-based social sharing tool that makes it easy to embed formal or flat social share buttons with counters on your website.

social media jquery plugin, social share popup box, social share js library, facebook icon jquery

A Vue.js Social Share Component Based On Share.js

How to make use of it:

1. Load the jQuery library and jQuery pisocials plugin files into 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 put your social share buttons.

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

3. Create a default widget for social sharing inside the container.

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

4. Customize the social sharing widget.

// custom services
"services": [
  "facebookShare",
  "facebookLike",
  "twitter",
  "googleplus",
  "pocket"
],

// url to share
"url": " ",

// title to share
"title": " ",

// 'M','S' or 'L'
"size": "M",

// 'flat' or 'official'
"design": "flat",

// border radious
"round": 0,

// text color
"color": ""

custom share buttons with counters jquery, pisocials Plugin/Github

See Demo And Download

Official Website(pixelimage): Click Here

This superior jQuery/javascript plugin is developed by pixelimage. For extra advanced usage, please go to the official website.