hey guys i am trying to add the facebook likebox on my page and nothing is appearing on my page .

now what i did was followed the exact same instructions as given in the facebook screen shot seem below:

now as it stands my code looks as follows :

1. <div id="fb-root"></div>
2.          <script>(function(d, s, id) {
3.            var js, fjs = d.getElementsByTagName(s)[0];
4.            if (d.getElementById(id)) return;
5.            js = d.createElement(s); js.id = id;
6.            js.src = "https://connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=146741733&version=v2.0";
7.            fjs.parentNode.insertBefore(js, fjs);
8.          }(document, 'script', 'facebook-jssdk'));</script>
9. 
   
10.          </script>
11. 
    
12.          <div class="fb-like-box" data-href="https://www.facebook.com/CodeChef" data-width="300" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

the above code is inside an empty HTML document. (i have entered a fake id in the above code just for security purpose .)

facebook like_box documentation can be found here.