Wednesday, 24 December 2014

Facebook comments Integration in website

Facebook comments box for website



Add Following code in your website, Facebook comment will start working.





<div id="fb-root"> </div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-comments" data-colorscheme="light" data-href="http://www.web-technology-experts-notes.in/2014/12/facebook-comments-box-for-website.html" data-numposts="5" width="700"> </div>
See Demo:






You can manage following Options in Facebook Comment Box.
1. data-colorscheme: Color scheme used by the plugin. Can be "light" or "dark".
Option: light|dark

2. data-href: This is comment page URL, you can also add dynamic page URL. Add Website Address bar URL like http://dev.georama.loc/comment.php

3. data-numposts: Total no of comments wants to display at the time of page load.
default:5

4. width: Total widths of facebook comments box
default:550