https://github.com/bachors/jQuery-Awesome-Sosmed-Share-Button

Awesome Social Media Share Button With Share Count
https://github.com/bachors/jQuery-Awesome-Sosmed-Share-Button

List: jQuery-Awesome-Sosmed-Share-Button

button css html ibacor jquery-plugin share share-counts social-buttons social-network

Last synced: about 1 month ago
JSON representation

Awesome Social Media Share Button With Share Count

• Host: GitHub
• URL: https://github.com/bachors/jQuery-Awesome-Sosmed-Share-Button
• Owner: bachors
• License: mit
• Created: 2014-09-02T18:51:57.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2017-07-28T13:07:34.000Z (over 7 years ago)
• Last Synced: 2024-05-23T04:09:36.564Z (7 months ago)
• Topics: button, css, html, ibacor, jquery-plugin, share, share-counts, social-buttons, social-network
• Language: JavaScript
• Homepage: http://bachors.github.io/jQuery-Awesome-Sosmed-Share-Button/
• Size: 4.25 MB
• Stars: 58
• Watchers: 11
• Forks: 35
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-indo-projects - jQuery Awesome Sosmed Share Button - Awesome social media button with share count. (JavaScript)
• awesome-indonesia-repo - jQuery Awesome Sosmed Share Button - Awesome social media button with share count. (JavaScript)
• awesome-vietnam-repo - jQuery Awesome Sosmed Share Button - Awesome social media button with share count. (JavaScript)

README

        
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"></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>