Friday, 28 June 2013

Facebook Comment Box For Blogger/Blog

Important part of building a good website or blog is increasing good addicted readers to your site.It is not easy work.You should work hard and must be panteince whenever you meet problems and tire.One aspect of a successful site is the amount of comment that site has.It is not a measure,But it is a commonly established estimation. All you know that there are many third party commenting systems are availabe for you.It doesn't get more than five minute to install in your blog.But as your comment system's features,some people can't comment on your blog.Because they should be logged in to his account to comment on your site.

As you know Facebook is still world's largest community.Facebook plugins help you to make your site more attractive among others.Facebook afforded a comment system for website and blogs.It will ease off to comment your readers directly on your site.If you customize this Facebook comment box with a Application ID, you will be received comment notifications whenever anyone comment on your site.


First you must put Facebook JavaScript SDK code on your blog.If you have added this code before or you are using Facebook recommendation bar,Facebook recent Activity or other Facebook social tool,Please skip these four steps.

1.) Sign in to your Blogger account and go to Template.

2) Now search </body> tag using Ctrl+F.

3.) Now paste below JavaScript SDK code,Just before </body> code.


<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/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

4.) Now Save your Template.

5.) You are almost done.Paste below HTML code where Facebook comment box is appearing.If you want to add this  bottom of blog post,when editing the blog post click on HTML button and Paste below codes in bottom.If you want to add this on any other place like Slide bar use HTML/JavaScript page element for it.


<div class="fb-comments" data-href="Your_Web_Address" data-width="470" data-num-posts="10"></div>
..............................................................................................................................................................
Customization 
..............................................................................................................................................................

* Replace Your_Web_Address with your website's Address or Blog's Address.
* Change the width of the Comment Box,replace the number for 470.
* Change the 10 for the number of post(comments) which must appear on web page.

To add this on websites,put the JavaScript SDK code between the <body> and </body>.Next put the HTML code where Facebook comment box appears,between<body>---</body>.
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 comments

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© All Blogging Gadgets and Tools
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top