Facebook Comment Social Plugin Add to Your Blogspot | Blogger

Facebook Comment Social Plugin Add to Your Blogspot | Blogger. Sometimes it necessary to add facebook plugin to our blogspot but we did not find any good source. That's way banbuzz give you this opportunity to find easily. And now you can easily add facebook plugin to your blogger, Step by Step. So, follow the blow instruction.

Steps:

1. Go to Blogger Dashboard.

2. Click on your Blog Title.

3. Navigate to Template from left pane.

Note: Before editing your template, you may want to save a copy of it. Read How to Back Up Your Template.

4. Now click Edit HTML button.

5. Click Proceed button to view Template Editor.

6. Tick on, Expand Widget Templates option.

7. Now search for  in your template and add below comment plugin code after that. You can either use XFBML code or HTML5 code to implement XFBML version of comment plugin.

Notes:

* Adding below  will place your comment plugin under the post. If you need to place it elsewhere on post page, read How to Position Elements on a Blogger Post Page.

* You may encounter two search results for . Add this code right after the first resulted line of code.


XFBML Markup

expr:title='data:post.title' num_posts='2' width='500' colorscheme='light'/>

Note: The XFBML markup of this plugin may not support earlier versions of Internet Explorer. In order to enhance compatibility with older Internet Explorer versions, add below XML namespace to your root HTML tag.

xmlns:fb="http://ogp.me/ns/fb#"
i.e: xmlns:fb="http://ogp.me/ns/fb#">

HTML5 Markup

expr:data-title='data:post.title' data-num-posts="2" data-width="500" data-colorscheme="light">

Color Indication Information

   - Number of posts/comments displayed

This will set default number of comments to be displayed under Facebook comment box and other comments will be collapsed. If you wanna show all comments under the comment box, then remove this value with the attribute completely.

i.e: num_posts='2'

   - Width of comment plugin, in pixels

   - The color scheme of your comment plugin, specify light or dark.

   - Conditional Statement

This line validates your page and manage to show comment box only on post pages. If you need to show your comment box also on homepage for each post, then replace this line with line of code below.

Note: If you wanna customize the visibility of comment box on pages, read How to Show/Hide Elements on Different Pages in Blogger.


8. Now Save your template and check for new comment plugin under posts.


More Information:

* Now you are done with adding Facebook Comment plugin. If you would like to show Facebook comment count along with the comment box, just add below line of code after or before comment plugin code.

Comments

* Your comment moderation tools and settings will be displayed as follows with comment box, or you can access them via Facebook Comment Moderation Tool site.



* You can find more insights for your comments at Facebook Insights page.


Enjoy :-)