how to install js socials for social media share buttons and make them rounded

This should be a nice quick one on how to install js socials which add social media sharing buttons on your pages. 

Yeah i always just ignore these as well, but hey some people may use them??

How to get JS Socials Installed

  1. Include the following scripts in your header and footer.
  2. in your html add the link with the id for the jssocials and where they will appear when initialized.
  3. you will need to add a document ready for this to initialize as it needs to load after jquery.

Links:

HTML

<div id='shareRoundIcons'></div>

Scripts

<!-- Add to Header -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsSocials/1.5.0/jssocials.min.css" integrity="sha512-XdjXkWkkWkIFXdaUPqMs2QZ852gpPlCcOGuh3K7moTCvtYQTifqrsOfkgca5XKCDTwzFnJ4L8fiz7T+Z5EDAmA==" crossorigin="anonymous" />

<!-- Pick a Theme css file from cdnjs and include it also in header  (or the top part of your page) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsSocials/1.5.0/jssocials-theme-minima.min.css" integrity="sha512-6CFPe+s2UMHiXIU0hjLhOdBxicnFldBLchaaPK2e6+1n1lr9/X+1beyPgr1NqhV89wY0qACXM3ER9MAm4BSi3A==" crossorigin="anonymous" />

<!-- Add to Footer -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsSocials/1.5.0/jssocials.min.js" integrity="sha512-3Ov4ZromgNap5Adyn3V0/q2CAaW3u38FTpOhDNuM5zkQ7Zcm9/NMtuO7xmBsb/HPqdA2AP9AHq1N2WOUdNzkKA==" crossorigin="anonymous"></script>

Javascript

$(document).ready(function(){
$("#shareRoundIcons").jsSocials({
    showLabel: true,
    showCount: true,
    shares: ["email", "twitter", "facebook", "googleplus", "linkedin", "pinterest", "stumbleupon", "whatsapp"]
});
});

Other Items in javascript
Related Search Terms
Page Views

This page has been viewed 124 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

β€πŸ‘©β€πŸ’»πŸ•Ή

Random Quote
Our brains are wired to find things we are looking for - if your always cynical or waiting for things to go wrong, then your life will reflect that. On the other hand, having a positive outlook on life will bring you joy and provide you with inspiration when you least expect it β˜€οΈπŸ‰πŸŒ΄
Unknown