This manual will teach you how to create a Facebook "Like" button, and how to place it on a webpage.
The first step is to create a button for the Facebook page that you want to promote. This step begins on Facebook's page describing the "Like" button located at this URL:
http://developers.facebook.com/docs/reference/plugins/like/
Below the description of the buttons and how they work, you will find a form that allows you to customize a button based on whichever URL you want to recommend.
This form will generate a button based on the parameters that you select. We will go over the ones that are most relevant to your button if it is placed on an R-MC page.
In the field labeled "URL to Like", you will copy and paste the URL of the page that you want to recommend to your viewers. This will be the page linked to a user’s newsfeed after they click your button.
If you plan on using this button on an R-MC webpage, it is recommended that you uncheck the box labeled "Send Button", as it relies on plugins that our site may not be running, or that users may or may not have installed.
The field labeled "Layout Style" has a drop down menu which will style the button a few different ways. Check through them to see which one best suits your purpose.
The field labeled "Width" controls how wide the button and its surrounding information will be. Generally, a smaller size is better. Note that on R-MC pages, the space available for content is about 790 pixels wide.
The field labeled "Color Scheme" will determine the background color of the button and its accompanying text. There are only two choices, dark or light. The "light" selection will match the background of R-MC's content pages.
Once you have chosen all of your parameters, you can click the button labeled "Get Code" at the bottom of the form. This will bring up a new window that contains your code and another important option regarding its formatting.
If you are using this code on an R-MC page, it is important that you click on the drop down list next to "Implementation" and select "iframe". This will reformat the code. This new format will interact with Sitecore more easily than other implementations.
Once you have formatted the code as "iframe", you will see a block of text similar to the one above. It will be different depending on the page you choose to link to, and the options that you select for your specific button. This code is what you will copy and paste directly on to a page to make the button usable.
To put the button on a page in Sitecore, navigate to the page you wish to edit in Sitecore and bring up the Content Editor. Then, click on the button at the bottom-left of the editor that reads "HTML".
This will allow you to edit the page through its HTML code.
To place the button on the page, paste the code you received from Facebook's "Like" button generator in its entirety anywhere on the page. Note that with HTML code, unless other styles are applied, you must place it in the order in which you want the content to appear.
Once this has been done, click "Accept" on the Editor. Save, publish and submit or approve the page as you would normally do.
The button will now appear on the page. Note that with the "iframes" implementation selected when getting your code from Facebook, editing the page is easy with the button included; you may now use the Content Editor without viewing the page in HTML.