Shareon is the share buttons for popular social networks. This Js is a lightweight, free JavaScript library to create a modern social sharing tool that contains buttons for popular social networks like Facebook, Twitter, Pinterest, Whatsapp, and much more.
social share buttons html, social media share buttons, social media share buttons javascript, social share links, social media share links html
All supported social networks:
- Messenger
- Odnoklassniki
- Telegram
- Viber
- VK
How to make use of it:
1. Install and import the Shareon as an ES module.
# Yarn $ yarn add shareon # NPM $ npm i shareon --save
import shareon from 'shareon';
2. Include the Shareon’s JavaScript & CSS files from a CDN.
<link href="https://cdn.jsdelivr.net/npm/shareon/dist/shareon.min.css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/shareon/dist/shareon.min.js"></script>
3. Initialize the library and we’re ready to go.
shareon();
4. Create social sharing buttons utilizing a
or button
the component as follows:
<div class="shareon"> <a class="facebook"></a> <a class="linkedin"></a> <a class="messenger"></a> <a class="odnoklassniki"></a> <a class="pinterest">Pinterest</a> <a class="pocket"></a> <button class="reddit"></button> <button class="telegram"></button> <button class="twitter"></button> <button class="viber"></button> <button class="vkontakte"></button> <button class="whatsapp">Contact Us</button> </div>
5. Customize the data to share on social networks utilizing the next data
attributes:
<div class="shareon" data-url="#!"> <a class="facebook" data-title="Custom Link Title">Facebook</a> <a class="linkedin" data-url="#!">Linkedin</a> <a class="pinterest" data-media="image-to-share.jpg">Pinterest</a> <button class="telegram" data-text="Text To Share"></button> <button class="twitter" data-via="your twitter username"></button> </div>
Modern/Easy Social Share Buttons, free social share plugin, social media buttons CSS, shareon Plugin/Github
See Demo And Download
Official Website(NickKaramoff): Click Here
This superior jQuery/javascript plugin is developed by NickKaramoff. For extra advanced usage, please go to the official website.
Be First to Comment