Login

jQuery Awesome Sosmed Share Button


AyoShare.js jQuery Plugin Awesome Sosmed Share Button

Kecil & sederhana jQuery plugin Social Media Share Button beserta Share Count. Pasang dan mainkan :)

Options:

  • google
  • stumbleupon
  • facebook
  • linkedin
  • pinterest
  • bufferapp
  • reddit
  • vk
  • pocket
  • twitter
  • digg
  • email
  • whatsapp
  • telegram
  • viber
  • line
  • bbm

Value option: true

Usage:

CSS

<!-- Include Font Awesome v4.6.0 -->
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.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/blabla"></div>
<div class="anu" data-ayoshare="http://your-site/foo/bar.html"></div>

<!-- By ID -->
<div id="unik" data-ayoshare="http://your-site/tutorial.php"></div>

<script>
    $(function() {
    
        $(".anu").ayoshare({
            google : true,
            facebook : true,
            pinterest : true,
            linkedin : true,
            twitter : true,
            email : true,
            whatsapp : true,
            telegram : true,
            line : true,
            bbm : true,
            viber : true
        });
        
        $("#unik").ayoshare({
            google : true,
            stumbleupon : true,
            facebook : true,
            pinterest : true,
            bufferapp : true,
            reddit : true,
            vk : true,
            pocket : true,
            twitter : true,
            digg : true,
            telegram : true
        });
        
    });
</script>

Demo Fork me on GitHub



Contributor:

issues