Ads

Monday 8 September 2014

Cool Social Buttons jQuery Plugin

Download   Demo


Cool Social Buttons is a jQuery plugin that adds social sharing buttons to your site without slowing it down. It is easy to use, powered by CSS3, mobile friendly and fully customizable.


The plugin has support for these networks:


  • Twitter

  • Facebook

  • Google+

  • Tumblr

  • Pinterest


1. INCLUDE CSS AND JS FILES


<!-- In the head section of your page -->
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="assets/cool-share/plugin.css" media="all" rel="stylesheet" />

<!-- Near the closing body tag -->
<script src="assets/cool-share/plugin.js"></script>

2. HTML


<span class="socialShare"></span>

3. JAVASCRIPT


var url = 'http://tutorialzine.com/2014/08/cool-share-jquery-plugin/';

var options =

twitter:
text: 'Check out this awesome jQuery Social Buttons Plugin! ',
via: 'Tutorialzine'
,

facebook : true,
googlePlus : true
;

The URL parameter is optional – if it is omitted the plugin will use the URL of the current page. The second parameter is an object with social services. Facebook and Google+ don’t support any additional options, so they only take true/false. Twitter on the other hand, can prefill the contents of the tweet and associate it with a twitter user.




Cool Social Buttons jQuery Plugin

No comments:

Post a Comment