Add a Facebook Like (Share) Button
Adding a Facebook Like button to your site is a great way to let visitors share your website with their friends. Get started by going here:
There is a form on this page that you'll use to setup your like button.
First, enter the address of your website URL.
The default 'website' URL is: https://developers.facebook.com/docs/plugins/
If you have a Facebook Fan Page and prefer visitors Like your Fan Page as opposed to just Liking your website, enter the address of that Fan Page instead of entering your website address.
For Example: https://www.facebook.com/FacebookDevelopers
Set the Width of the Like button. This defaults to 450 with the standard design (which would work just fine with most sites), but you can alter this.
Then select your Layout style. This will change the layout shown to the right of the Like button.
With the Action Type you can choose to 'Like' or 'Recommend' the URL. Choose 'Like'.
Decide whether or not you want to show the faces (profile pic thumbnails) of some of the people who've liked your site. The design usually looks cleaner if you uncheck this box.
Make sure the Include Share Button option is turned off / unchecked. This is a new option from Facebook that we don't currently support.
Then click the Get Code button to see the code you'll be adding to your site.
You may be prompted to Login to Facebook, or "verify your developer account" at this point. If so, the first step to take is just to log in to FB and enter all the above info again. You usually won't have to verify if you're logged in.
If you're still prompted to verify, then you'll need to provide a cell phone number where FB can text you a verification code. See their help site to read their explanation behind requesting this info.
Regardless of whether or not you're prompted to verify, once you're able to click the "Get Code" button, you'll be presented with a dialog box.
Select the IFRAME code and copy it. This is important as the XFBML code will not work properly. Note: If you use the HTML5 codes, you need to copy 2 codes.
Open your site in the editor and drag a Custom HTML Embed Code element to a page.
Click within the element and paste the code there.
Click out of the element and you'll see the like button with what may be a lot of extra white space beneath it. If you do see a lot extra white space, pay this no mind as it will disappear after you publish the site.
You're now ready to Publish this to your live site.
Once you publish the site, you'll see your Like Button there waiting for you. As people Like your website or Facebook Fan Page, you (and everyone else) will see how many have liked it. And if people have previously liked your site on Facebook through some other Like button, you'll see that reflected in the numbers here.
You can use this same button code on as many pages as you want. You can easily copy the element, or code to the other pages of your site. That way visitors can find the Like button no matter which page they're on.