Custom Social Share Buttons with JavaScript and CSS – Likely

Preview:

Description:

Likely is a simple JavaScript library that enables you to embed custom social share buttons with counters using plain HTML and CSS classes.

Basic usage:

Download Likely and include the JavaScript and Stylesheet files in the document.

<script src="release/likely.js"></script>
<link rel="stylesheet" href="release/likely.css">

Add custom social share buttons with counters to your webpage. Supported social networks:

• facebook
• linkedin
• odnoklassniki
• pinterest
• reddit
• telegram
• twitter
• viber
• vkontakte
• whatsapp

<div class="likely likely-big" 
     data-url="YOUR URL" 
     data-title="TEXT TO SHARE">
  <div class="facebook" data-quote="Best website ever!" data-hashtag="#puppies">Share</div>
  <div class="linkedin">Post</div>
  <div class="odnoklassniki" data-imageurl="http://i.imgur.com/zunNbfY.jpg">Like</div>
  <div class="pinterest" data-media="https://placekitten.com/200/400">Pin</div>
  <div class="reddit">Submit</div>
  <div class="telegram" data-title="Check this link above!">Send</div>
  <div class="twitter" data-via="ilyabirman" data-hashtags="kittens,puppies">Tweet</div>
  <div class="viber">Send</div>
  <div class="vkontakte" data-image="https://placekitten.com/200/400" data-comment="Check this out">Share</div>
  <div class="whatsapp">Send</div>
</div>

CSS References.

• likely-light: light theme
• likely-small: small buttons
• likely-big: big buttons

Changelog:

v3.0 (05/05/2023)

• Made WhatsApp into a popup version that works even if the app is not installed
• Fix duplicated content for some of the services
• Refreshed and improved readme
• Increased accessibility. Now you can iterate over it with tabs, and they are links.
• Deprecated Likely_visible CSS class, now it is merged with likely_ready
• Code improvement

v2.8 (12/20/2022)

• Updated VK logo to modern
• Updated dependencies