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
   
jQuery Plugin For Embedding Custom Share Buttons with Counters - pisocials

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.

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