Embed Facebook Like or Recommend Widget Button In Your Website

by Rohit Khurana on May 2, 2010

Advertisement

Facebook has recently launched a new feature widget which you might have seen on some web sites, you can also add the same Facebook widget button to your website.

 

Facebook Like button looks like the image shown below, it functions in such a way that when ever a user who is also signed up with Facebook.com clicks the like button a notification update will be posted onto his or her recent activity on the Facebook wall of that user profile.

facebook-icon

As Facebook is growing very fast these days, so it makes sense for the webmasters to add this button to their site or post pages so that readers can share the useful and liked content among their Facebook friends.

 

More About Facebook Like Button

The Like button enables users to make connections to your pages and share content back to their friends on Facebook with one click. Since the content is hosted by Facebook, the button can display personalized content whether or not the user has logged into your site. For logged-in Facebook users, the button is personalized to highlight friends who have also liked the page.


How To Implement Facebook Like Button On Your Blog or Website

 

 

In order to implement or embed the Facebook like button on your website or blog, follow the procedure given below.

Advertisement

1. Go to this page, and configure your like button as per your requirement.

facebook-like-buttom-configure

or else you use the following generated code

<iframe src="http://www.facebook.com/plugins/like.php?href=&layout=standard&show-faces=true&width=50&height=25&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:50px; height:25px;margin:10px 0 0 0;">iframe>

 

You can also consider this wordpress plugin to add Facebook like button and it also offers more customization options as compared to the code above.

 

Generate a code for you or copy and add the code given above on your website or blog and you are good to go :) We hope you like this simple tip, you can read more Facebook tips we had posted before.

If you like this article or this article helped you, you can +1 to recommend this article on google plus.

You can follow us on Twitter or join our Facebook Fan Page. If you have a question to ask us, submit your question at Answers By Trouble Fixers.

Looking for something else? Search here :

{ 1 comment… read it below or add one }

Thomas June 24, 2011 at 12:42 pm

For Joomla there is a easy to use one click installable module which lets you do all the configuration and displaying of the module in your site with a user friendly environment.
In this case you wont need to add each url of your site seperately.
Each link in your site is detected automatically and given its own seperate like button.
This is a php facebook like module.

You can find it here
http://extensions.joomla.org/extensions/social-web/republish/14580
or
here
http://code.google.com/p/joomla-facebook-like-button-module

Leave a Comment

Previous post:

Next post:

© TroubleFixers – All about fixing computer troubles2007-2014 . All Rights Reserved.