When using the Facebook Comments Social Plugin inside of Static FBML it adds a comment button instead of automatically showing the comment form. By setting the font-family and font color as well as the a:href link color on the container DIV we have just passed these styles onto the Facebook Comments, this means almost all text and links will inherit these styles.įont-family: Arial, Helvetica, sans-serif You may need to adjust the positioning of the DIV or add some padding/margin to it based on your layout. The next step is to position and add some basic style to the container DIV which will be passed onto the Facebook Comments. If you are using multiple comment plugins on the same tab you should use class instead of id. Now that you have your FBML Comments Social Plugin code you will need to wrap it in a container div to allow for easier custom styling. Step 2: Wrap Your Plugin Code with a Container DIV You should also note that the width setting does not work inside of Static FBML and instead Facebook Comments are displayed as a block element.
Your code should look similar to the code below but may look different depending on your settings for this tutorial we have used the most basic settings. Step 1: Get Your FBML Comments Social Plugin Codeįirst things first you need to get the code for your Facebook FBML Comments Social Plugin from Facebook. After completing this tutorial you should be able to play around with the code and make modifications that you see fit to change the styling to suit your own needs.
This tutorial will teach you step by step how to customize the Facebook Comments Social Plugin to match your tab’s custom Static FBML design. However just like all of Facebook’s Social Plugins the original styling just doesn’t match up with the unique style of most custom tabs.
Adding the Facebook Comments Social Plugin to your Static FBML tab is a slick way to add a level of interaction to your custom tabs.
0 kommentar(er)
