Kudos for your site

Kudos for your site and blogs powered by Data McFly

The idea is to give people Kudo support for their site or blog. Originally Kudos have been introduced by the Svbtle blog engine.

Installation

Follow these steps to setup kudos for your site.

Step 1 - Data McFly account

This kudo script uses Data McFly as the backend data store. As such, you first need to create a Data McFly account and create a new app. You can obviously also reuse an existing one if you want so.

Step 2 - Configure Data McFly

Open kudos.datamcfly.js and change the YOUR-API-KEY, YOUR-APP and kudos to have it point to the account you just created in step 1.

...
// replace this url with yours!!
var datamcflyKudos = new DataMcFly("YOUR-API-KEY", "YOUR-APP", "kudos");
    ...
...

Step 3 - Include kudo scripts
Include the kudo scripts from the dist directory

<!-- Kudos script -->
<script src="https://cdn.datamcfly.com/DataMcFly.js?latest=1"></script>
<script type="text/javascript" src="kudos/kudos.js"></script>
<script type="text/javascript" src="kudos/kudos.datamcfly.js"></script>
<link rel="stylesheet" href="kudos/kudos.css">

Note that you need to have jQuery as well.

Step 4 - Add HTML snippet
As the last step include the following snippet

<figure class="kudo"></figure>

in your DOM where you'd like to have the kudo element appear and initialize it by invoking

$('figure.kudo').kudoable({
	dataStore: window.datamcflyStorage
});

That's it. You should be ready to go.

Issues, Bugs, Enhancements..

Simply use GitHub's issues. PRs are welcome as well.

Credits

Credits have to be given to Amit Upadhyay who provided the original Svbtle independent Kudo implementation by using Parse as the backend service.