How to add Facebook Comment Box to your blog or websites.

Comment Box.

The Comments box is a social plugin that enables people to comment on your site. Features include moderation tools and distribution.

Social Relevance: The Comments box uses social signals to surface the highest quality comments. Comments are ordered to display the most relevant comments from friends and friends of friends as well as the most-liked or active discussion threads. Comments marked as spam are hidden from view.

Distribution: Comments are easily shared with friends or with people who like your Page on Facebook. If people leave the “Post to Facebook” box checked when they post a comment, a story appears on their friends’ news feed indicating that they've made a comment on your website, which will also link back to your site.

Friends and people who like the Page can then respond to the discussion by liking or replying to the comment directly in the news feed or in the Comments box on your site. Threads stay synchronized across Facebook and on the Comments box on your site regardless of where the comment was made.

The mobile version will automatically show up when a mobile device user agent is detected. You can turn this behavior off by setting the mobile parameter to false.

Note:The mobile version of the Comments box ignores the width parameter, and instead has a fluid width of 100% in order to resize well in portrait/landscape switching situations. You may need to adjust your CSS for your mobile site to take advantage of this behavior. If you prefer, you can still control the width via a container element.

You are putting Facebook Comment Box in your websites or blog by two ways.

First through Your Facebook Developers and another through the help of this website.

You have Facebook Account Sign to your Facebook Account> and then click on this https://developers.facebook.com/docs/reference/plugins/comments/

And you have some figure like this:

You have to put your website name on URL to comment on(?)

And then click on get code button you have some picture like this:

Paste the following code in your websites or blog.

If you have blogger account do following steps:

Blogger account sign in> Layout

Html/ Java Script

And paste the code which you get on your screen by doing above steps or paste this only replace our username with your username.

<div class="fb-comments" data-href="http://mylabofblogger.blogspot.in" data-width="470" data-num-posts="10"></div>

How do I know when someone comments on my site?

You can subscribe to the 'comment.create' and 'comment.remove' events through FB.Event.subscribe.

What does the grammar filter do?

• Adds punctuation (e.g. periods at the end of sentences)
• Trims extra whitespace
• Expands slang words (e.g. plz becomes please)
• Adds a space after punctuation (e.g. Hi,Cat would become Hi, Cat)
• Fix common grammar mistakes (e.g. convert ‘dont' to ‘don’t’)
  You can enable the grammar filter from the settings section of the plugin.

How can I get an SEO boost from the comments left on my site?

The Facebook comments box is rendered in an iframe on your page, and most search engines will not crawl content within an iframe. However, you can access all the comments left on your site via the graph API as described above. Simply grab the comments from the API and render them in the body of your page behind the comments box. We recommend you cache the results, as pulling the comments from the graph API on each page load could slow down the rendering time of the page.

How do I enable users to comment using other login providers?

On the settings section of the plugin, you can choose to enable third party login on your comments boxes. Currently this will enable users to comment using a Yahoo!, AOL or Hotmail account.

How does the blacklisting words work?

You can enter blacklisted terms from the settings section of the comments box. The content of new comments is checked against the blacklist of terms to see if this comment should have limited visibility. The comment is checked via substring matching. This means if you blacklist the word 'at', if the comment contains the sequence 'a' 't' anywhere it will be marked with limited visibility; e.g. if the comment contained the words 'bat', 'hat', 'attend', etc it would be caught.

I have the first version of the Facebook Comments box, how do I upgrade?

If you are using the original version of the Facebook Comments box, just add 'migrated=1' to the <fb:comments> tag, and the comments box will automatically switch to the new version. In this case, you should not specify the href parameter, and you must keep the XID parameter the same. Once you migrate, you can access the comments as described above. Note that the moderation tools only work with the newer version of the comments plugin (with href specified instead of migrated=1).

If this post is helpful for you please comment and like our pages.

Your MyLabOfBlogger

How to add Facebook follow button to your blog or websites.

Hey guys you are very excited for putting Facebook follow button on your websites.You have to do simple steps for putting follow button in your websites.If you have blogger.com account you have to do some steps.
Go to Blogger.com>Layout
HTML/JAVASCRIPT
Paste the following code which you get from Facebook developers by learning from here.
This is what mylabofblogger do few steps before putting follow button on website.
You have facebook account if not create now ,then open
Facebook.com>https://developers.facebook.com/docs/reference/plugins/follow/
and you have same pictures as you see here.Only change profile URL with your profile username if you have page.If not create a page.

after that you are getting codes like this you have only to paste these codes to your websites or blog.

The Follow button was previously called the Subscribe button.

Follow Button

The Follow button lets other people follow your public updates on Facebook.

There are two Follow button implementations: XFBML and Iframe. The XFBML (also available in HTML5-compliant markup) version is more versatile, and requires use of the JavaScript SDK. The XFBML dynamically re-sizes its height according to whether there are profile pictures to display.

To get started, just use the configurator below to get code to add to your site.

Attributes

• href - profile URL of the user to follow. This must be a facebook.com profile URL.
• layout - there are three options.
  • standard - displays social text to the right of the button and friends' profile photos below. Minimum width: 225 pixels. Default width: 450 pixels. Height: 35 pixels (without photos) or 80 pixels (with photos).
  • button_count - displays the total number of followers to the right of the button. Minimum width: 90 pixels. Default width: 90 pixels. Height: 20 pixels.
  • box_count - displays the total number of followers above the button. Minimum width: 55 pixels. Default width: 55 pixels. Height: 65 pixels.
• show_faces - specifies whether to display profile photos below the button (standard layout only). You must not enable this on child-directed sites
• colorscheme - the color scheme for the plugin. Options: 'light' (default) and 'dark'
• font - the font to display in the plugin. Options: 'arial', 'lucida grande', 'segoe ui', 'tahoma', 'trebuchet ms', 'verdana'
• kid_directed_site - If your web site or online service, or a portion of your service, is directed to children under 13 you must enable this.
• width - the width of the plugin.

Is this topic very helpful for you then please comment and like us on facebook.Thank you.