FACEBOOK: INVITE FRIENDS API for your website.

Have you noticed 'bring your friends' button or link on web pages? Want to add it to your website and let users invite their facebook friends? This is how you do it!

www.techoyo.com                              (c) Ganesh Venkataraman

First, u need to have a facebook APP. If don't have one, have a look at
this Create your Facebook APP for website.

Now, you also need to add Canvas for your APP. This is how you do it by editing APP information:

Click on 'save changes' button.
Now, place this code in your web page:

<script src="http://connect.facebook.net/en_US/all.js"></script>

<script>
FB.init({
appId:'APP_ID',
cookie:true,
status:true,
xfbml:true
});

function FacebookInviteFriends()
{
FB.ui({
method: 'apprequests',
message: 'Your Message diaolog'
});
}
</script>

<div id="fb-root"></div>
<a href='#' onclick="FacebookInviteFriends();"> 
Facebook Invite Friends Link
</a>

You must change 'APP_ID' in the above code.
You can also change the 'Your message dialog' as desired.

Code IFrame
The following code is for breaking Iframe, include this code into your webpage.

<script type='text/javascript'>
if (top.location!= self.location)
{
top.location = self.location
}
</script>

You are done now. This is what you'll see as an invite screen on clicking the link on your website:

DEMO LINK CLICK HERE!