How to Add Facebook Invite Friends Link To Blogger

Here’s one useful feature that might be of help to add visual appeal and functionality to your site. Amanda Kennedy shares an awesome trick on how you can add a Facebook Invite Friends feature to Blogger.
Step 1:
Create a short URL using bit.ly for your blog. Take note of this URL because you will need this to make an app on Facebook.
Step 2:
Visit the Apps page on Facebook Developers to create a Facebook Application, and you will need an appID to use in your code.
Fill in the required fields. Then click “Select how your app integrates with Facebook” and fill in the next fields.
You can also add a thumbnail for your app. Take note of your AppID (shown at the top of the page) because you will need it for the code that you will paste on your Blogger site.
Step 3:
Go to Blogger Dashboard > Layout > HTML/JavaScript
Copy and paste the following code below. Replace the highlighted values with your own.

<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><a href='#' onclick="FacebookInviteFriends();">
 Invite friends link text
 </a></span>
 <script type='text/javascript'>
 if (top.location!= self.location)
 {
 top.location = self.location
 }
 </script>

Step 4:

Save.