How to create facebook like notification with sNotify

Have you ever noticed the notification system of Facebook in which the message pops at the left lower corner of the window for recent comment. This kind of notification is nice and looks good. Do you want to know how you can create this for your website? Jquery is the best option for this.

But this does not mean that you will have to code every thing. There is a popular notification script sNotify which can help you a lot. You only need to integrate the script in your code to display messages.

See the demo here:

How to use this script:

Download the script from here.

Now add the following code in the <head&gt

<link href=’css/sNotify.css’ rel=’stylesheet’ type=’text/css’ />
<script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js’></script>
<script src=”js/sNotify.js” type=”text/javascript”></script>

Use the following Javascript code to display a message:

<script type=’text/javascript’>
sNotify.addToQueue(“You can add your message here.”);
</script>

This will show the notificaion. You can also add some other notification with addToQueue() method

Read More about the script here:

advertisement

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Join our mailing list to receive the latest updates, web design resources and tools.

You have Successfully Subscribed!

About The Author

    ADD YOUR COMMENT

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Receive fresh web design resources and SEO tips in your email by our weekly newsletter

You have Successfully Subscribed!