Facebook like button is not showing

Question

I am trying to add facebook like button on a web-page. I took the exact code from https://developers.facebook.com/docs/reference/plugins/like/ ,but still the like button is not displaying at all. I tried all the three versions HTML5, XFBML and IFRAME but none of them worked. I tried to run the code in chrome firefox and even internet explorer but it dint work in any. I dont have any facebook disconnect extension etc installed in my browser. Please tell me what wrong am i doing...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:fb="http://ogp.me/ns/fb#">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 </head>
 <body>
  <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&appId=***appId***";
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>
  <div class="fb-like" data-href="http://live2.cricbuzz.com/live/scorecard/11200/Mumbai-v-Delhi" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false" data-colorscheme="dark" data-font="verdana"></div>
 </body>
 </html>

Iv put my appId at the appropriate place...

This exact code works perfectly here... http://jsfiddle.net/dmcs/HS5Lp/1/ ... but not when i run it on my browser.. it gives an error... ->Failure to load resource :file://connect.facebook.net/en_US/all.js#xfbml=1&appId=113830492072210

I have no clue why this is happening... Please help if you know about it..

Checking the basics..are there are javascript errors on the page? — sethcall
My javascript gave an error:- Failed to load resource:file://connect.facebook.net/en_US/all.js#xfbml=1&appId="theappid" .. i dont know why it is giving this error coz my appId is correct — Vikram

Rahul Rahul · Accepted Answer · 2012-04-17T08:46:55

Vikram,

I see what your problem is. Though u wont find much of a difference between your script call and the one written below. But this will hopefully make a difference for you and solve your error.

<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 = "http://connect.facebook.net/en_US/all.js#xfbml=1&appId=***appId***";
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>

Just put in your App_Id in the above script.

Cheers, Rahul

Facebook like button is not showing

2 Answers