Customizable Social Like Button and Counter Plugin - social likes

File Size: 430 KB
Views Total: 24424
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Customizable Social Like Button and Counter Plugin - social likes

social likes is a jQuery plugin for creating highly customizable 'like' buttons and counters for popular social media services. It currently supports Facebook, Twitter, Goole Plus, Pinterest, and LiveJournal.

How to use it:

1. Include jQuery Library and social-likes.js

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="social-likes.js"></script>

2. Include social-likes CSS

<link href="social-likes.css" rel="stylesheet">

3. Markup

<ul class="social-likes" data-url="http://www.jQuery.com/">

<li class="facebook" title="Like">Facebook</li>

<li class="twitter" data-via="sapegin" data-related="Like" title="Like">Twitter</li>

<!--Place googleplusonecount.php somewhere on your server. And change buttons HTML like this::-->
<li class="plusone" data-counter="http://YOURSITE.COM/googleplusonecount.php?url={url}&amp;callback=?" title="Like">Google+</li>

<!--You should specify an image URL via data-media attribute on <li class="pinterest">:-->
<li class="pinterest" data-media="http://i.telegraph.co.uk/multimedia/archive/01882/mail-ru_1882101c.jpg" title="Like">Pinterest</li>
</ul>

Change logs:

v3.1.3 (2017-11-22)

  • Fixed: popup position on dual-screen setups

v3.1.2 (2017-09-05)

  • Fixed: popup position on dual-screen setups
  • Revert "plusone fix"

v3.1.0 (2016-01-16)

  • Disable discontinued Twitter button 

v3.0.15 (2015-11-21)

  • Disable discontinued Twitter button 
  • Trigger counter update if number equals zero and zeroes option specified

v3.0.14 (2015-03-10)

  • Revert counters changes from previous release because
  • Disable Odnoklassniki counter on HTTPS because of redirect to HTTP.
  • Show counters after 10 sec even if they aren’t ready (instead of waiting for browser’s 30 sec timeout).
  • Don’t add a colon to tweet if it ends on a question mark

v3.0.13 (2015-02-16)

  • Add HTTPS support to Google+ using Yandex as proxy
  • Add HTTPS support to Odnoklassniki using Yandex as proxy

v3.0.12 (2015-01-19)

  • Remove non-numerical characters from counters before conversion to number. Fixes Google+ counter in rare cases (#105).
  • Try to fix Odnoklassniki counter on mobiles (#94).
  • $.click -> $.on (do not depend on jQuery’s event/alias module).

v3.0.11 (2015-01-14)

  • Update Odnoklassniki popup URL to prevent redirect.
  • Always use HTTPS for VK counter (HTTP causes redirect).

v3.0.10 (2014-12-11)

  • Odnoklassniki counter works via HTTPS

v3.0.9 (2014-11-21)

  • Fix counters after reinitialization of the plugin with the same URL.

v3.0.8 (2014-11-20)

  • Revert older Odnoklassniki counter API (doesn’t work via HTTPS but at least works via HTTP).

v3.0.7 (2014-11-06)

  • Odnoklassniki counter works via HTTPS.
  • Fix bug when counters don’t show up on HTTPS pages.

v3.0.4 (2014-05-13)

  • Tweak single button popup fade animation.
  • Flat skin: fix icons on Windows.
  • Flat skin: fix counters positons in vertical mode in Firefox.
  • Birman skin: fix icon positions in single button mode in Firefox.
  • Classic skin: fix gradients in Firefox.

v3.0.3 (2014-04-10)

  • Always use HTTPS for Twitter (#58).
  • Disable Google+ counter on HTTPS pages (#58).
  • Fix paddings on single button popup in Birman skin in Safari.
  • Fix height of single button in Flat skin.
  • Single button clicks toggles popup instead of just opening.
  • Now you can user data-service attribute instead of class name

v3.0.2 (2014-02-12)

  • popup_opened and popup_closed events.
  • forceUpdate option.
  • Fix class error in IE.
  • Tweak flat skin.
  • Ability to dynamically update URL.
  • Detect HTTPS.
  • Use HTTPS for Facebook.
  • New single button popups.
  • Skins tweaks.

v3.0.0 (2014-02-03)

  • New skins: Flat and Birman.
  • zeroes option.
  • ready.social-likes event.
  • counter.social-likes fires on zeroes too.
  • Reduce flickering couters on page load.
  • Ability to pass options to $.socialLikes() jQuery method (by @albburtsev).
  • Internal counter for Google+ button (uses Yandex).
  • Remove search links on counters.
  • Remove LiveJournal button.
  • Remove IE7 support.
  • Lots other improvements and refactorings.

v2.0.13 (2013-12-24)

  • add searchUrl option
  • Imporove socialLikesButtons object handling

v2.0.12 (2013-08-26)

  • add Icons only mode

v2.0.11 (2013-08-09)

  • fixed counter.social-likes event

v2.0.10 (2013-07-02)

  • bug fixes

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