Socializer.js helps to generate HTML for for the socializer.css library and provides some features like identifying active page details and opening share URLs in popup.

Usage

  • Include socializer.js to generate HTML
  • Include socializer.css to load CSS classes for the social buttons
  • Create an element with all the features required for a social button and initialize socializer.js to generate HTML.

Example

<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/vaakash/socializer/master/socializer.css">
<script src="https://cdn.rawgit.com/vaakash/socializer/master/js/socializer.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">

<!-- Turns into social sharebar -->
<div class="socializer" data-features="32px,circle,icon-white,pad" data-sites="facebook,googleplus,print,email,rss"></div>

<!-- Initialize socializer.js -->
<script>
(function(){
    socializer( '.socializer' );
}());
</script>

Documentation

Please refer the complete documentation of socializer.js in this page

Subscribe for updates

Get updates on the WordPress plugins, tips and tricks to enhance your WordPress experience. No spam. View newsletter