Navigation : Home / , , , , / Article : Add Facebook Comment Box to Website

Add Facebook Comment Box to Website

Recently I have implemented Facebook comment box in my blog, There is an advantage of implementing Facebook Comment below the post instead of Simple Blogger comment box.Well the advantage is that, you can not moderate blogger/blogspot comment if someone published comment on your blogger blog, but you can easily moderate Facebook comment than that of Facebook.

See also :  Add Facebook send button on blogger | Add Google+ button on blog

Another advantage is that, Social publicity means once one user has commented below your article, means his all friends will be informed about that he/she has commented on the particular URL, so all the friends in his Facebook Friend list will be promoted to visit the link where one has published comment, another one will likes from that and that person will comment or like your post than his friend will be informed about,meas you can see your site growth based on Social networking.

Not only Facebook user can post comment on your blog post but other users such as AOL,Yahoo & Hotmail user can too publish their comment on your blog post.

Now come to the topic, How you can add Facebook comments social plugin to Blogger blog/website:

1.Login to your Blogger account.

2.Go to Design > Edit HTML > Tick on Expand Widget Template.

3.Backup full blogger template if you wish to revert back to your original blogger comment box you can use that template later.

4.Find the following code by pressing Ctrl+F.

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

Now that iframe code stands for the code which is showing comment box in your blogspot blog,If you wish your blog have only Facebook comment box, you can permanently delete Old Blogger comment box by replacing code above with Facebook comment box code provided below.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<hr/>Post a Comment
<div id='fb-root'/><script src=''/><fb:comments expr:href='data:post.url' num_posts='5' width='550'/>

5.Now save your blogger/Blogspot template & you have done!!

Related : How to Use Facebook in Office


0 Responses to "Add Facebook Comment Box to Website"

Do not add any spam messages, as we will strictly delete the spam comments, all content posted on this blog are free for use and for knowledge, do not spoil it with spamming.