Spider Facebook

Step by step guide


Step 2.  Adding Facebook social plugins to the website.

2.3. Adding a Comments Box
2.3.1. Title. Add title to the button to be shown on the back-end.
2.3.2. Published. Click on “Yes” button to publish the plugin.
2.3.3. Rendering. You can choose the rendering option either leaving it to default XFBML option or choosing HTML5.
2.3.4. Type of URL. By default URL refers to the current page, but you can change the URL filling out the URL field.
2.3.5. Width. Define the width (in pixels) of the social plugin.
2.3.6. Height. Define the height (in pixels) of the social plugin.
2.3.7. Number of Posts. Specify the number of posts displayed by default.
2.3.8. Background Color. Choose the background color of the comments box.
2.3.9. Color scheme. Select the color scheme of the plugin.
2.3.10. Font. Choose the text font style of the plugin from available 6 options.
2.3.11. 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.3.12. All contents. Check the box to use plugin for the entire content of the website.
2.3.13. 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.3.14. Add. You can choose the content you want to add plugin to.
2.3.15. Vertical Position. Allows to choose where to place the plugin(on top or bottom of the contents).
2.3.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.3.17. Style. You can customize certain options in the styles by changing values of the parameters listed in the box.
2.3.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).

Example: 
<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
Previous Step Next Step

Never miss important news and exclusive offers!

Join Our Community