How To Add Facebook Invite Friends Button To Your Blogger

Salam Freinds...

Today I Will Explain You The Way To Enjoy These On Your Current Blog. Its Very Cool & Aweresome, And Its Simple As (ABCD) No Any Wahala Or Chin Kwakwa Inside. Just Follow The Instruction Below To Rock Your Blog Even Better.

Invite Friends button is basically a widget which allow blog readers to invite their friends, You must have been on Facebook that to a page only administer can invite more people,It helps the blog to drive more followers and at the same time your content posted on Facebook page will be also automatically send to them.

The Button is easy to use when a user click on the button a new window opens which ask for to invite and search for more friends the user can also send feedback to his/her friends about blog/website,so lets move the first step to add the unique widget.

First of all we need to create a app on Facebook just click on (Facebook Developer Page) and just create a new app just like in the below image shown

• Type Your App Name on first box and select the category

• Now Just copy the App ID, we will need it later

Now lets move to our code befor adding the below code in blogger we need to make some changes like changing the App ID with your own ID and also you can change the text (Invite your friends) With your own desire text

<style>
 .MBT-FB a {
  font-family: tahoma, verdana, arial, sans-serif !important;
  font-weight:bold !important;
  font-size:12px !important;
  width:150px !important;
  border:solid #29447e 1px !important;
  border-bottom:solid #29447e 1px !important;
  cursor:pointer !important;
  padding:6px 6px 6px 6px !important;
  background-color:#5c75a9 !important;
  border-top:solid #8a9cc2 1px !important;
  text-align:center !important;
  color:#fff !important;
  text-decoration:none  ! important;
 }
 .MBT-FB a:active {
  background-color:#4f6aa3 !important;
 }
</style>
<script src='http://connect.facebook.net/en_US/all.js'></script>
<script>
 FB.init ({
  appId:'257285067780680',
  cookie:true,
  status:true,
  xfbml:true
 });
 function FacebookInviteFriends () {
  FB.ui ({
   method: 'apprequests',
   message: 'Invite your friends'
  });
 }
</script>
<div id='fb-root'></div>
<span class='MBT-FB'>
 <a href='#' onclick='FacebookInviteFriends();'>Invite your friends</a>
</span>
<script type='text/javascript'>
 if (top.location != self.location) {
  top.location = self.location
 }
</script>

• Now Go Back to App Page and Click on Settings Option given on the sidebar on the app page. 

• Now just click on (Add  Platform) and then select Website option and paste your website/blog URL and then just simply click on save changes.

Now we have successfully have done all the setting and now you can add the above code any where on you blog/website. I hope these would help you Insha Allah. Enjoy 

And You Can Now Enjoy & Get Your Latest News On Our (Facebook Fans Page) Any Time And Any Way.