Likely travis-ci Bower gulp npm webpack

The social sharing buttons that aren’t shabby

Likely

The social sharing buttons that aren’t shabby

Likely screenshot

Take a look

See Likely in action on its homepage.

Get

Download the repository code and move release/likely.js and release/likely.css to the desired directory.

Or use npm or Bower:

$ npm install ilyabirman-likely --save
$ bower install ilyabirman-likely --save

Also you can use Likely from CDN:

https://unpkg.com/[email protected]/release/likely.css
https://unpkg.com/[email protected]/release/likely.js

Setup

Link the files likely.css and likely.js from the compiled sources.

If downloaded directly:

<!-- Head -->
<link href="path/to/likely.css" rel="stylesheet">
<!-- End of body -->
<script src="path/to/likely.js" type="text/javascript"></script>

If installed with npm:

<!-- Head -->
<link href="node_modules/ilyabirman-likely/release/likely.css"
      rel="stylesheet">
<!-- End of body -->
<script src="node_modules/ilyabirman-likely/release/likely.js"
        type="text/javascript"></script>

If installed with Bower:

<!-- Head -->
<link href="bower_components/Likely/release/likely.css"
      rel="stylesheet">
<!-- End of body -->
<script src="bower_components/Likely/release/likely.js"
        type="text/javascript"></script>

Then, create a div with the class likely and list necessary social networks in child divs:

<div class="likely">
    <div class="facebook">Share</div>
    <div class="twitter">Tweet</div>
    <div class="gplus">+1</div>
    <div class="vkontakte">Share</div>
    <div class="pinterest">Pin</div>
    <div class="odnoklassniki">Like</div>
    <div class="telegram">Send</div>
</div>

Likely supports following social networks:

  • facebook – Facebook
  • twitter – Twitter
  • gplus - Google+
  • vkontakte – VK
  • pinterest – Pinterest
  • odnoklassniki – Odnoklassniki
  • telegram – Telegram

If you need several Likely widgets on the page, just create another div with the class likely and list the social networks in it.

Using as a CommonJS module

Likely can be used as a CommonJS module, so you can use it within webpack or browserify build systems.

First, install Likely using npm:

$ npm install ilyabirman-likely --save

Then, use it as CommonJS module somewhere in your program:

var likely = require('ilyabirman-likely');

// Finds all the widgets in the DOM and initializes them
likely.initiate();

Options

You can configure Likely by specifying data-* attributes on a button group or on a button.

Common options

These options should be specified on the div with the likely class.

  • data-url – URL to share and load counters for
  • data-title – Page title
<div class="likely" data-url="https://github.com/ilyabirman/Likely">
    <!-- ... -->
</div>

Twitter

You can set data-via attribute to mention a specific user in the tweet:

<div class="twitter" data-via="ilyabirman">Tweet</div>

With data-via="ilyabirman", the tweet text will include “via @ilyabirman”. Read more about the via parameter in the Twitter documentation.

Telegram

You can set data-text attribute to define a text of the message.

<div class="telegram" data-text="Check this out">Send</div>

Pinterest

You can set data-media attribute to override a default image and substitute a different one in the Pin Create form. The attribute should be an image URL:

<div class="pinterest" data-media="https://placekitten.com/200/400">Pin</div>

Read more about the media parameter in the in the Pinterest documentation.

Supported browsers

We support IE 10+, Safari 9+ and the latest versions of Chrome, Firefox and Edge. Likely could work in the older versions too, but we don’t do anything specific to maintain its compatibility with them and don’t test it there.

Related Repositories

binding

binding

Reflectionless data binding for Go's net/http (not yet a stable 1.0, but not likely to change much either) ...

paper-notes

paper-notes

Random notes on papers, likely a short-term repo. ...

six

six

JavaScript you can bet on. [WARNING]: Progress has been suspended on this project most likely indefinitely ...

capybara-zombie

capybara-zombie

DEPRECATED: We are not using this project and it is likely to be broken. We don't recommend anyone to use. ...

CoreResource

CoreResource

Local & remote resource management for Objective-C in as little code as possible. Note: currently under heavy development, so API changes are likely! ...


Top Contributors

iamakulov volter9 ilyabirman vitkarpov 350d Corey-Maler nex2hex andrew--r prog666 gangstaJS pepelsbey 7rulnik bolatovumar

Releases

-   v2.1.3 zip tar
-   v2.1.2 zip tar
-   v2.1.1 zip tar
-   v2.1.0 zip tar
-   v2.0.8 zip tar
-   v2.0.7 zip tar
-   v2.0.6 zip tar
-   v2.0.5 zip tar
-   v2.0.4 zip tar
-   v2.0.3 zip tar
-   v2.0.2 zip tar
-   v2.0.1 zip tar
-   v2.0 zip tar
-   v0.94 zip tar
-   v0.93 zip tar
-   v0.92 zip tar
-   v0.91 zip tar
-   v0.9 zip tar