jQuery Plugin For Custom Facebook Like Button - Fancylike

File Size: 10.7 KB
Views Total: 30375
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Custom Facebook Like Button - Fancylike

Fancylike is a tiny jQuery plugin that allows you to create a custom facebook like button using your own image. The plugin can automatically detect current page URL to like or use a given URL setting in the javascript to like.

How to use it:

1. Include jQuery javascript library and jQuery Fancylike plugin on the web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.fancylike.js"></script>

2. Create a container for the facebook like button

<div class="fancylike-fb-like"></div>

3. Call the plugin. With auto-detection of URL to like (i.e. current url)

$(document).ready(function(){
$(".fancylike-fb-like").fancylike();
});

4. Available options.

fb_like_url : "http://www.facebook.com/plugins/like.php",
fb_like_height : 20,
fb_like_width : 47,
page_url : window.location.href

Change log:

2015-07-27

  • new facebook like button

This awesome jQuery plugin is developed by openproj. For more Advanced Usages, please check the demo page or visit the official website.