Simplest jQuery Social Share Link Plugin - socialLinkBuilder
File Size: | 9.04 KB |
---|---|
Views Total: | 3079 |
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
- JS update
This awesome jQuery plugin is developed by lopeax. For more Advanced Usages, please check the demo page or visit the official website.