How Add a Facebook Invite Friends Link to a blogspot site

 

Add a Facebook Invite friend link to your blog:

Today i am gonna to show you that how we can add a Facebook Invite friends Link on your blog.we add this link because we want to make famous blog .for this we need share our blog with other peoples and we use a short way to add friend invite link in blog.It`s very easy i will show stepwise .
So follow the following steps.

1st Step:

             In the first step to do this you will need to Create a short bit.ly URL for you blog. With the help of this we make a secure base URL (https we cannot use with blogger).

Note of short bit.ly URL as you will need it when Creating your app on Facebook.

2nd Step:

               In the second step we create Facebook app.As you will need to  create Facebook Application That`s you will need an appId to use in your code. For this visit the app or Facebook Developers .

In this Name the Application and fill the 1st set of details as follow:

1. Display name is the name of your site.
2. Name space is your name space that will feature in the URL for you App .For Example: http://app.Facebook.com/shernawazkhan1 .
3. Contact email it is your email address that`s will need.
4. App Domains This is your blog URL this will need to contact with your blog site.For Example: http://shernawazkhan1.blogspot.com

3rd Step:

So after that`s all Click the (Select how you app integrates with Facebook) and fill in detail as given below:

1. Website with Facebook Log in And need URL of the blog as "http://shernawazkhan1.blogspot.com".
2. Canvas URL Here you will need to enter bit.ly URL you generated for your site, adding a question mark at the end .e g : http:bit.ly/shernawazkhan1?
3. Secure  the canvas URL enter you blog bit.ly URL with https : eg : http:bit.ly/shernawazkhan1?

 You can add a thumbnail or icon to your application on the page this will appear when reader use your app.then save you change.
 Once you done this be sure to make  note of your app Id that will shown on your page as and you will need to add this to the code to be pasted on your site.

4th Step:

          Go to layout section of your blog and choose to add an HTML/JavaScript gadget and then paste the following codes in your gadget.replacing the values highlighted in Red and blue as given in the codes below..

<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId:'your-app-id',
cookie:true,
status:true,
xfbml:true
});
function FacebookInviteFriends()
{
FB.ui({
method: 'apprequests',
message: 'Your Message Here'
});
}
</script>
<div id="fb-root"></div>
<span class="invite-friends-link"><a href='#' onclick="FacebookInviteFriends();">
Invite friends link text
</a></span>
<script type='text/javascript'>
if (top.location!= self.location)
{
top.location = self.location
}
</script>

 5th Step:

            And in the last step save the changes .
And will create a basic text link on which the visitors will click and bring up a Facebook dialogue box in which their friends can be invited to visit you blog site.
 If you have any problem about this you can comments below..
Thank You!