jQuery Plugin for Social Share Buttons with Font Awesome

Yet another jQuery plugin for social share buttons with font Awesome icon that lets users share your contents on Facebook, Twitter, line, email, Tumblr, and Pinterest.

How to Create Social Share Buttons

1. To get started with C Share buttons, load the jQuery and Font Awesome 5 in your HTML document.

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<!-- Fontawesome 5-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

2. Create a div element with a unique id in which you want to build/load social share buttons.

<div id="shareBlock"></div>

3. Finally initialize the plugin in the jQuery document ready function.

$(document).ready(function(){
$('#shareBlock').cShare({
  show_buttons: [
   'fb',
   'line',
   'twitter',
   'tumblr',
   'email'
   ]
 });

});

Asif Mughal

I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences.
I truly enjoy what I’m doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.