Spider Facebook

Step by step guide

Step 2.  Adding Facebook social plugins to the website.

2.11. Adding a Login button
2.11.1. Title. Add title to the button to be shown on the back-end.
2.11.2. Published. Click on “Yes” button to publish the plugin.
2.11.3. Rendering. You can choose the rendering option either leaving it to default XFBML option or choosing HTML5.
2.11.4. App ID. Enter your Facebook application ID.
2.11.5. Width. Define the width (in pixels) of the social plugin.
2.11.6. Max Rows. Specify the maximum number of rows for profile pictures.
2.11.7. Show Page Fans. Choose whether to add page fans or not.
2.11.8. Background Color. Choose the background color for the plugin container.
2.11.9 Color scheme. Select the color scheme of the plugin.
2.11.10. Font. Choose the text font style of the plugin from available 6 options.
2.11.11. All contents. Check the box to use plugin for the entire content of the website.
2.11.12. Add. You can choose the contents, you want to add plugin to.
2.11.13. Vertical Position. Allows to choose where to place the plugin(on top or bottom of the contents).
2.11.14. 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.11.15. Style. You can customize certain options in the styles by changing values of the parameters listed in the box.
2.11.16. 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