Posted in JavaScript Jquery website design

How to create facebook like notification with sNotify

How to create facebook like notification with sNotify Posted on November 27, 20112 Comments

Deepanker Verma is the CEO of Techlomedia and a full time blogger. On this blog, he shares web design resources, SEO tips blog monetization tips.

Best WordPress Hosting

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.

Advertisement

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

Deepanker Verma is the CEO of Techlomedia and a full time blogger. On this blog, he shares web design resources, SEO tips blog monetization tips.

2 thoughts on “How to create facebook like notification with sNotify

  1. You really make it appear really easy with your presentation however I in finding this topic to be really something that I believe I’d by no means understand. It seems too complicated and extremely wide for me. I am taking a look ahead for your subsequent post, I will try to get the cling of it!

Leave a Reply

Your email address will not be published. Required fields are marked *

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!