Add Face Book Plugins to Site

To Add 


Click on the Go and Find it easily to reach the Plugins for you

• Facebook Comment Box -                                           Go
• Twitter Box -                                                                Go
• Facebook Find-Us Plugin -                                          Go
• Facebook Like Button -                                               Go
• Facebook Live Stream or Discussion Board -             Go
• Facebook Login Plugin -                                             Go

Find The Easy Tricks for you and get the plugins in your Site or Blogs As you want!!!

Tweet

How to add Facebook Login Plugin or widget in my Website or Blogs

Facebook Login Plug-in In to My Website

To add Facebook Login Widget or Plugin in ur Site or Blog Just follow the Steps Below

Go to Design in your Blogspot Dashboard and than into Page element section, Now Click on Add Gadget and select Html/JavaScript widget and dan copy the Below code in to Html editor space and save it

<div id="fb-root"></div>
      <script src="http://connect.facebook.net/en_US/all.js">
      </script>
      <script>
         FB.init({ 
            appId:'Your App Id No.', cookie:true, 
            status:true, xfbml:true 
         });
      </script>
      <fb:login-button perms="email,user_checkins">
         Login with Facebook
      </fb:login-button>


Change the appId Value by your Facebook App Id No. and You will see the Login Plugin as it is appearing on my Blog on right Top.

Tweet

How to add Facebook Live Stream or Discussion Board on my Websit or Blogs

Live Stream Plug-in or Discussion Board of Facebook

To add Live stream or discussion board of Facebook Widget in ur Site or Blog Just follow the Steps Below

Go to Design in your Blogspot Dashboard and than into Page element section, Now Click on Add Gadget and select Html/JavaScript widget and dan copy the Below code in to Html editor space and save it

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:live-stream event_app_id="APP_ID" width="400" height="500" xid="" always_post_to_friends="false"></fb:live-stream>

Change the Value of APP_ID as per your Application Id value from Facebook and You will have a Live stream Plug-in to Ur site, You can Make any application from 

http://apps.facebook.com/

Have a great time, I hope you get the proper information about this

Tweet

How to add Facebook Like Button to my Website - Blog

Like Button of Facebook

To add Like Button of Facebook Widget in ur Site or Blog Just follow the Steps Below

Go to Design in your Blogspot Dashboard and than into Page element section, Now Click on Add Gadget and select Html/JavaScript widget and dan copy the Below code in to Html editor space and save it

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="Your Site Link" send="true" width="450" show_faces="true" font=""></fb:like>


This is How easy to add the Like Button to your Site or blog you can use the code and easily can put the Like button for ur visitors to Like them...
Reply If any necessary things to be done
You will getting Like Button as ur seeing on My page on right top site!!

Tweet

How to add Facebook Find us widget on my Website - Blog

Find us on Facebook


To add Find Us on Facebook Widget in ur Site or Blog Just follow the Steps Below
Go to Design in your Blogspot Dashboard and than into Page element section, Now Click on Add Gadget and select Html/JavaScript widget and dan copy the Below code in to Html editor space and save it

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="Your Facebook Page link" width="292" show_faces="true" stream="true" header="true"></fb:like-box>


I hope You will be seeing the result that you want in ur site
and reply if any necessary changes.

Tweet

How to add Facebook comment box - plugins to my Website - Blog

Go to Design in your Blogspot Dashboard and Edit your Html codes click on the Expand widgets templates on the top-right to edit text box,
and now Press Ctrl+f
and Find the <data:post.body/> 


add FB comment box - (Plugin to ur Blog) use this below code and add it just below the above code
Change the appId value to Ur FB application AppId and ur done
The code is Below use it

<p align='left'><img alt='' class='icon-action' src='http://i51.tinypic.com/qx0905.jpg'/></p> 
<div id='fb-root'></div> 
<script> 
  window.fbAsyncInit = function() {
  FB.init({appId: '123854347639257', status: true, cookie: true,
  xfbml: true});
  };
  (function() {
  var e = document.createElement('script'); e.async = true;
  e.src = document.location.protocol +
  '//connect.facebook.net/en_US/all.js';
  e.async = true;
  document.getElementById('fb-root').appendChild(e);
  }());
  </script> 
<fb:comments></fb:comments>


It will appear something like this how it is appearing Under my Post.

Tweet