jQuery Plugin to Generate Google plus one +1 buttons

Hi Guys,

For a new project of mine there were couple of requirements which gave birth to a couple of useful jQuery code snippets or in other words plugins.

One of them is called jcPlusBtn.js

This is a little jQuery code that you can use as a plugin that will page Google Plus button on any HTML element, callbacks are supported.

Lets get started

The jQuery Code

 

The Markup

What we need is pretty much a DIV or any other container element to place our Google Plus button.

 

Options

 

Usage

This plugins is  rather easy to use and an example of this is shown below

 

Its that simple actually.

Demo

Nothing is complete without a demo. See this plugin in action here

http://jaspreetchahal.org/examples/jquery-examples/likes/googleplusone.html

Donate

If you like this Plugin, please consider donating

You can choose your own amount. Developing this plugin like these toke a lot of effort and time; days and weeks of continuous voluntary unpaid work.
If you like this plugin or if you are using it for commercial websites, please consider a donation to the author to
help support future updates and development.

        Main uses of Donations

  1. Web Hosting Fees
  2. Cable Internet Fees
  3. Time/Value Reimbursement
  4. Motivation for Continuous Improvements

 

License

This plugin is available under MIT license You can read it here

http://opensource.org/licenses/mit-license.php

Download

Code is hosted on Google Code and you can find it here

https://code.google.com/p/jcplusbtn/

There were couple of more things that I would have liked to do with the callbacks, but I have left it to you to handle the callback properly.

I hope that this helps, Don’t forget to donate if it does 🙂

Cheers,

 

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.