How to add Facebook Social Plugins to your site – A Complete Guide
To get started, go to Facebook Developers. There are 11 Facebook Social Plugins at present and adding such plugins is a easy job & requires only copying and pasting effort.
1. Like Button – This plugin allow your visitors to like your content without going to your Facebook fan page. Specify the URL to like and customize the plugin to your preferences and click get code. Select IFRAME option and copy that code and paste it on the place where you want to render like button. You can also add send button to be displayed with like button, but it allow only XFBML and JavaScript SDK implementation only. See the example below:
3. Subscribe Button – This button enables your visitors to subscribe to your updates. To add this plugin to your blog, enter your profile URL and customize other feature to your preferences and click Get Code and select IFRAME option and paste it on the region where you want to render this button. See the example below:
4. Comments – Comments plugin allow your site visitors to comment on your posts with their facebook profile. This plugin doesn’t support IFRAME code, you need to select from XFBML or JavaScript SDK. Type the URL to comment and click Get Code.
<fb:like href="http://jobsitesbd.blogspot.com/" send="true" width="450" show_faces="true"></fb:like>
5. Activity Feed & Recommendations – These two plugins are quite similar to each other. The Activity Feed plugin displays your most recent updates on your page while the Recommendations plugin shows what your friends recommend on your site. Type the domain of your site and customize and click Get code and select IFRAME version. These two plugins make your site visitors stay a little long time in your site.
6. Like Box – This plugin is similar to Like button, but this plugins displays your Facebook Fan Page as a box in which your site visitors can like your Facebook Fan page directly from your website. To add a Like box to your site, follow these steps: Type your Facebook Page URL and select the width & height of the like box to your wish ( But, the minimum supported width of the like box is 292px). Set the color scheme, show faces, border color, show stream and show header to your preferences and click Get Code. Select IFRAME and copy the code & paste it on your site. See the example of like box below: