Minimalist Social Sharing jQuery Plugin - socialShare

File Size: 5.86 KB
Views Total: 3673
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Minimalist Social Sharing jQuery Plugin - socialShare

A minimalist social sharing jQuery plugin to create plain social share links that open a new window to share your content on social networks: Facebook, Twitter, Linkedin, Google+ and Email.

It also gives a freedom to style your social share links to your needs.

How to use it:

1. Download and put the jquery.socialshare.js script after jQuery.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" 
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" 
        crossorigin="anonymous"></script>
<script src="jquery.socialshare.js"></script>

2. Create the social share links using the following data attributes:

<a href="#" class="sshare" 
   data-sshare="twitter" 
   data-twitter-message="Message to share"
   data-url="https://www.jqueryscript.net">
   TWEET
</a>

<a href="#" class="sshare" 
   data-sshare="facebook" 
   data-url="https://www.jqueryscript.net">
   FACEBOOK
</a>

<a href="#" class="sshare" 
   data-sshare="linkedin" 
   data-url="https://www.jqueryscript.net" 
   data-linkedin-title="New Title" 
   data-linkedin-summary="This is my summary" 
   data-linkedin-source="Shaker Marketing Recruitment">
   LINKEDIN
</a>

<a href="#" class="sshare" 
   data-sshare="google+" 
   data-url="https://www.jqueryscript.net">
   GOOGLE PLUS
</a>

<a href="#" class="sshare" 
   data-sshare="email" 
   data-url="https://www.jqueryscript.net" 
   data-email-subject="Test" 
   data-email-body="This is a text email?!">
   EMAIL
</a>

3. Apply your own CSS styles to the social share links.

.sshare {
  /* your styles here */
}

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