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.

<script>
$(function() {
$("#demo").socialButtons();
})
</script>

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

<script>
$(function() {
$("#demo").socialButtons({
socialNetworks: ["facebook", "twitter", "googleplus"],
url: "",
text: "",
sharelabel: true,
sharelabelText: "SHARE",
verticalAlign: false
});
})
</script>

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

2014-06-14

• update to the latest version.

2014-05-22

• code style fixes

2014-05-18

• update

2014-05-05

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