Spider Facebook

Step by step guide

Step 2. Adding Facebook social plugins to the website.

2.5. Adding a Follow button.
2.5.1. Title. Add title to the button to be shown on the back-end.
2.5.2. Published. Click on “Yes” button to publish the plugin.
2.5.3. Rendering. You can choose the rendering option either leaving it to default XFBML option or choosing between HTML5, IFRAME or URL.
2.5.4. Facebook Page URL. Provide URL of your Facebook page
2.5.5.Width. Define the width (in pixels) of the social plugin.
2.5.6. Show Page Fans. Choose whether to show Page Fans or not.
2.5.7. Layout Style. Choose layout style from available three options.
2.5.8. Border Color. Set the border color of the plugin container.
2.5.9. Background Color. Set the background color of the plugin container.
2.5.10. Color scheme. Select the color scheme of the plugin.
2.5.11. Font. Choose the text font style of the plugin from available 6 options.
2.5.12. 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.5.13. All contents. Check the box to use plugin for the entire content of the website.
2.5.14. Add. You can choose the content, you want to add plugin to.
2.5.15. Vertical Position. Allows to choose where to place the plugin(on top or bottom of the contents).
2.5.16. 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.5.17. Style. You can customize certain options in the styles by changing values of the parameters listed in the box.
2.5.18. 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


We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us