Simplest jQuery Social Share Link Plugin - socialLinkBuilder

Simplest jQuery Social Share Link Plugin - socialLinkBuilder
File Size: 9.04 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

socialLinkBuilder is a jQuery plugin that makes it easier to generate social share links with SVG based social icons on the webpage. Currently supports: Facebook, Twitter, Google+, Linkedin, Print, Email and telephone.

How to use it:

1. Create a DIV container to place the social share links.

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

2. Place jQuery library and the jQuery socialLinkBuilder plugin's script at the end of the html document.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="socialLinkBuilder.js"></script>

3. Call the function on the DIV container you just created. By default, the plugin will generate Facebook, Twitter, Google+, Linkedin share links inside the container.

$('.social').socialLinkBuilder();

4. Style the SVG social icons in the CSS.

.social svg {
  width: 50px;
  height: 50px;
  margin: 0 10px;
}

5. Enable the Print, Email and telephone links.

$('.social').socialLinkBuilder({
  print: {
    isUsed: true
  },
  email: {
    isUsed: true,
    mailto: '[email protected]'
  },
  tel: {
    isUsed: true,
    tel: '0000000000'
  }
});

6. Replace the default social icons.

$('.social').socialLinkBuilder({
  facebook: {
    svg: '...'
  }
});

Change log:

2017-06-24


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