Tip: Select any Text to Tweet it!

Tech n blogging is in the soul of this blog

Recommended Time Pass!

Posted by Gitesh Tyagi | Thursday, February 3, 2011 | 0 comments

Social Plugins help you see what your friends have been liking or sharing or commenting on. And you can easily take advatange of facebook social plugins extensions. To keep it simple here are few of them with description and code. Like, Recommend, Login, Activity Feed etc........

What's New: Love iphone's Siri, Now you can have Bingo Voice on Windows phone for free as intelligent as siri....

  1. Like Button

The like button world's famous button need no description, it let users share pages from your site to their facebook profile.

Get the Like Button Code:-
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" show_faces="true" width="450"></fb:like>

Simply add send="true" attribute in the above like button's code.
 just like:

<fb:like href="" send="true" show_faces="true" width="450"></fb:like>

2.  Activity Feed

This plugin displays the most recent activity on your site. If the user is logged in then plugin personalizes its content(shows what their friends are doing on your site) else shows the recommendations.

Get the Activity Feed Code:-

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:activity site="" width="300" height="300" header="true" recommendations="true"></fb:activity>

3.  Recommendation

Shows personalized recommendation to users which they might like.

Get the Recommendation Code :-

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:recommendations site="" width="300" height="300" header="true"></fb:recommendations>

4.  Like Box

Enables user to like your Facebook page without leaving your site and shows them their friends who have already liked it.

Get the Like Box Code:-

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/platform" width="292" show_faces="true" stream="true" header="true"></fb:like-box>

5.  Login Button

Allow signed up users to login to your site and also shows profile pics of the user's friends already signed up.
Note:- This plugin needs your facebook application's ID. create-application-on-facebook

Get th Login Button Code:-

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=YOUR_APP_ID&xfbml=1"></script><fb:login-button show-faces="true" width="200" max-rows="1"></fb:login-button>

6.  Comment Box

Allows user to easily post comment to any on you site's page and also publish it to their facebook profile.
Note:- This plugin needs your facebook application's ID. create-application-on-facebook

Get the Comment Box Code:-

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=YOUR_APP_ID&xfbml=1"></script><fb:comments numposts="10" width="425" publish_feed="true"></fb:comments>

And of course you can always customize the parameters according to requirement... For any Query use the comment form below.