Step by step guide
Step 2. Adding Facebook social plugins to the website.
From the navigation bar on the top select Spider Facebook.
Find “New” button at the upper right hand of the screen. Click on the “New” button.
2.1. Adding a Like Button
2.1.1. Title. Add title to the button to be shown on the back-end.
2.1.2. Published. Click on “Yes” button to publish the plugin.
2.1.3. Rendering. You can choose the rendering option either leaving it to default XFBML option or choosing between HTML5, IFRAME or URL.
2.1.4. Type of URL. By default URL refers to the current page, but you can change the URL filling out the URL field.
2.1.5. App ID. Enter your Facebook Application ID.
2.1.6. Width. Define the width of the plugin container.
2.1.7. Button Label. Choose between Like and Recommend buttons.
2.1.8. Show Send Button. Choose whether to add Send button next to the Like button.
2.1.9. Show Page Fans. Choose whether to add page fans or not.
2.1.10. Layout Style. Choose layout style from available three options.
2.1.11. Background Color. Choose the background color for the plugin container.
2.1.12. Color scheme. Select the color scheme of the plugin.
2.1.13. Font. Choose the text font style of the plugin from available 6 options.
2.1.14. Language preferences. You can choose to keep the current settings for the language or modify it using custom option and choosing among provided language options.
2.1.15. All contents. Check the box to use plugin for the entire content of the website.
2.1.16. Default Image for contents. When Facebook users like specific content on the website, the content description alongside an image appears on their Facebook wall. You can choose an image which will accompany the contents when liked on Facebook.
2.1.17. Add. You can choose the content, you want to add plugin to.
2.1.18. Contents. The listed metatags will allow you to make customizations to the appearance of the chosen contents on the user’s wall.
Title. The title of the contents.
Type. The source website will be categorized by the chosen type.
URL. For providing a canonical address for the page.
Image. The image accompanying the published contents.
Site Name. For specifying a name for your website.
Description. For providing a description for the contents.
Admin ID. You can fill out the Admin ID of your Facebook page to connect the post to the page.
2.1.19. Vertical Position. Allows to choose where to place the plugin(on top or bottom of the contents).
2.1.20. For pages except contents. You can also add the plugin to other regions on the website except contents. To do so you need to choose Structure >Blocks in the main navigation menu, find Spider Facebook plugin with its identified name and choose the region, where you want it to appear. You need to choose the region from the options field. Do not forget to press Configure button with every selection and press “Save Blocks” at the end.
2.1.21. Style. You can customize certain options in the styles by changing values of the parameters listed in the box.
2.1.22. Add to <html> Tag. Add the code (ONLY ONCE) to the <html> tag of your template’s page.tpl.php file (themes/your_theme/page.tpl.php).
<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
|Previous Step||Next Step|