jQuery Plugin For Create Flat Style Social Share Buttons - sharegg

File Size: 50 KB
Views Total: 3794
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Create Flat Style Social Share Buttons - sharegg

Yet another jQuery plugin to create flat style social buttons with share counts which let you share content or links on various social networks. Currently Facebook, Google plus, Twitter, Linkedin, Pinterest, Tumblr, Reddit, VK, Buffer, Pocket, Delicious and StumbleUpon are supported. 

How to use it:

1. Load the required sharegg.css in the head section of the web page.

<link rel="stylesheet" href="sharegg.css">

2. Create an empty DIV element that will act as a container for the social share buttons.

<div id="sharegg"
     data-url="YOUR URL"
     data-title="YOUR TITLE"
     data-description="YOUR DESCRIPTION"
     data-image="YOUR IMAGE">
</div>

3. Load jQuery library and the jQuery sharegg plugin at the bottom of the web page.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="sharegg.js"></script>

4. Initialize the plugin and set the options.

jQuery(document).ready(function ($){
$('#sharegg').sharegg({

apiUrl: 'http://api.sharegg.org/',
buttons: {
  buffer: {
    show: true,
    count: true,
  },
  delicious: {
    show: true,
    count: true,
  },
  digg: {
    show: true,
    count: true,
  },
  facebook: {
    show: true,
    count: true,
  },
  googleplus: {
    show: true,
    count: true,
  },
  linkedin: {
    show: true,
    count: true,
  },
  pinterest: {
    show: true,
    count: true,
  },
  pocket: {
    show: true,
    count: true,
  },
  reddit: {
    show: true,
    count: true,
  },
  stumbleupon: {
    show: true,
    count: true,
  },
  tumblr: {
    show: true,
    count: true,
  },
  twitter: {
    show: true,
    count: true,
  },
  vkontakte: {
    show: true,
    count: true,
  }
}


});
});

Change logs:

2015-02-15

  • Add apiUrl to default options.

2015-02-13

  • Add support for Delicious.

2015-02-12

  • Rewrite JS Api.

2015-01-15

  • added VK, buffer support.

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