JavaScript CSS HTML
Clone or download
bachors v17
- add flipboard
- google+ counter already died
Latest commit 3eaa621 Jul 28, 2017

README.md

AyoShare.js

Awesome Social Media Share Button With Share Count

Plug and play :)

Options:

  • Counter: boolean
  • Button: boolean
    • Website. Appears in all devices
      • google
      • stumbleupon
      • facebook
      • linkedin
      • pinterest
      • bufferapp
      • reddit
      • vk
      • pocket
      • twitter
      • flipboard
      • digg
      • email
    • Mobile. Appears when opened using mobile
      • whatsapp
      • telegram
      • viber
      • line
      • bbm
      • sms

Usage:

CSS
<!-- Include Font Awesome v4.7.0 -->
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<!-- Custom Style --> <link href="src/css/ayoshare.css" rel="stylesheet">

JS

<!-- Include jQuery -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

<!-- jQuery Awesome Sosmed Share Button -->
<script src="src/js/ayoshare.js"></script>

Example:

<!-- By Class Name -->
<div class="anu" data-ayoshare="http://your-site.com/bla"></div>
<div class="anu" data-ayoshare="http://your-site.com/foo/bar"></div>

<!-- By ID --> <div id="unik" data-ayoshare="http://your-site.com/test.html"&gt;&lt;/div>

<script> $(function() {

    $(".anu").ayoshare({
        counter: true,
        button: {
            google : true,
            facebook : true,
            pinterest : true,
            linkedin : true,
            twitter : true,
            flipboard : true,
            email : true,
            whatsapp : true,
            telegram : true,
            line : true,
            bbm : true,
            viber : true,
            sms : true
        }
    });
    
    $("#unik").ayoshare({
        button: {
            google : true,
            stumbleupon : true,
            facebook : true,
            pinterest : true,
            bufferapp : true,
            reddit : true,
            vk : true,
            pocket : true,
            twitter : true,
            digg : true,
            telegram : true,
            sms : true
        }
    });
    
});

</script>