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="https://github.com/bachors/jQuery-Awesome-Sosmed-Share-Button/blob/master//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<!-- Custom Style -->
<link href="https://github.com/bachors/jQuery-Awesome-Sosmed-Share-Button/blob/master/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="https://github.com/bachors/jQuery-Awesome-Sosmed-Share-Button/raw/master/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"></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>