First you need to include the jQuery library, since ClassyNotty is a plugin. You can download it from the jQuery website or link it directly from the Google CDN.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Secondly, you need to include the jQuery ClassyNotty javascript and the css file into your page. You can do it by adding the code below to your page.
<script src="js/jquery.classynotty.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.classynotty.css" />
Next, you implement the link/element that will trigger the notification. In a real application, you will trigger it by form submit, or ajax calls, etc. This is just an example.
<a id="sample1" href="#">Click here to notty up!</a>
As the last step, you trigger the ClassyNotty() function on the element you just created. In this case, we trigger the function on the link with the id sample1.
$("#sample1").click({
$.ClassyNotty({
title : 'Title',
content : 'This is a notification'
});
});