SocialShare

SocialShare is ideal choice for start to create custom social share buttons and share counters.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

1. INCLUDE JS FILES

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" src="SocialShare.js"></script>

2. HTML

 <div id='content'>
    <div class='like-block'>
	<div class='like-counter counter c_vk'></div>
	<button class='like-button share s_vk'>Vkontakte</button>
    </div>
    <div class='like-block'>
	<div class='like-counter counter c_twitter'></div>
	<button class='like-button share s_twitter'>Twitter</button>
    </div>
    <div class='like-block'>
	<div class='like-counter counter c_facebook'></div>
	<button class='like-button share s_facebook'>Facebook</button>
    </div>
    <div class='like-block'>
	<div class='like-counter counter c_linkedin'></div>
	<button class='like-button share s_linkedin'>Linkedin</button>
    </div>
</div>

3. JAVASCRIPT

$(document).ready(function(){
	$('.share').ShareLink({
	    title: 'JS tutorial', // title for share message
	    text: 'JS tutorial', // text for share message
	    image: 'http://js-tutorial.com/images/logo.png', // optional image for share message (not for all networks)
	    url: 'http://js-tutorial.com' , // link on shared page
		class_prefix: 's_' // optional class prefix for share elements (buttons or links or everything), default: 's_'
	});
	$('.counter').ShareCounter({
		url: 'http://google.com/', // url for which you want show like counter
		class_prefix: 'c_', // optional class prefix for counter elements, default: 'c_'
		display_counter_from: 0 // optional to set when counter is display, default: 0
	});
});

4. upported social networks

for now supported networks for like counters:

for generate share link address: