How to Make a Facebook Like Button

So you want to make a like button for your webpage or another site. How do you do that? First, visit this link. Scroll down to the 'configurator' (yes, that's what they call it). In the 'URL to Like' box paste or type in the URL for the page you are making a like button for. It could be a like button for your whole website or just one page.

Choose the 'Layout Style' from the drop down box. This will decide the size and amount of social content displayed with the like button. If you want the profile pictures of people who like your page to be shown underneath the button, then make sure the 'Show Faces' box is checked.

How much space do you have for your button width wise? This goes in the 'Width' box and is measured in pixels. In the 'Verb to Display' box, you can choose between a 'like' button and a 'recommend' button. The drop down box underneath 'Font' has a few different font choices to choose between, or just leave it blank for the default font. 'Color Scheme' lets you choose between a light blue like button and a dark blue like button.

You can preview your button to the right of the configurator. Once it is adjusted to your specifications, click 'Get Code.' This will make a little box pop up with two different kinds of codes. Both codes work fine in any HTML box. The difference between Iframe and XFBML: Facebook claims the XFBML code is more versatile since it uses Javascript SDK to resize itself and give you more information and it allows the person who clicks like to leave a comment as well. The Iframe is more basic. I use XFBML because the code is shorter.