jQuery Plugin For Custom Social Share Buttons - Social Buttons

File Size: 29.8 KB
Views Total: 8897
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Plugin For Custom Social Share Buttons - Social Buttons

Social Buttons is a tiny jQuery plugin to add custom social share buttons (Google plus, Facebook and Twitter) on your web page.

How to use it:

1. Include the jQuery javascript library together with jQuery social buttons plugin's javascript and CSS in the document.

<link rel="stylesheet" href="social-buttons.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="social-buttons.js"></script>

2. Create an empty container you want to place the social share buttons.

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

3. Call the plugin on the container element with default settings.

$(function() {

4. Options to customize the social share buttons. You're allowed to set the options individually for each social network as well.

$(function() {
socialNetworks: ["facebook", "twitter", "googleplus"],
url: "",
text: "",
sharelabel: true,
sharelabelText: "SHARE",
verticalAlign: false

Change logs:

v0.7.1 (2016-09-10)

  • removed clearfixes and replaced floats with display inline-block

v0.7.0 (2016-04-10)

  • using single quotes as default

v0.6.6 (2015-11-05)

  • changed google plus css class according to updated bootstrap-social

v0.6.5 (2015-06-14)

  • update.

v0.6.4 (2015-03-12)

  • decreased transition time

v0.6.3 (2015-02-23)

  • fixed twitter icon position
  • css transition on share buttons

v0.6.2 (2015-02-15)

  • replaced twitter share url with twitter web intent tweet

v0.6.1 (2015-01-13)

  • update dependencies.

v0.4.6 (2014-07-26)

  • fixed padding in font-awesome plugin


  • update to the latest version.


  • code style fixes


  • update


  • added options array with window target

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