title: How to put facebook login button?
body: <p>Hi I want to put Facebook login in my website but it shows blank page. What can i do?
  i tried following code.</p>
  
  <p><strong>fb.html</strong></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;
  &lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;
    window.fbAsyncInit = function() {
    FB.init({
      appId:'myappid',
      status:true,
      cookie:true,
      xfbml:true
    });
  
    FB.Event.subscribe('auth.authResponseChange', function(response) {
      if (response.status === 'connected') {
        testAPI();
      } else if (response.status === 'not_authorized') {
        FB.login();
      } else {
        FB.login();
      }
    });
    };
  
  
    (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
    }(document));
  
    function testAPI() {
      console.log('Welcome!  Fetching your information.... ');
      FB.api('/me', function(response) {
        console.log('Good to see you, ' + response.name + '.');
      });
    }
  &lt;/script&gt;
  
  &lt;fb:login-button show-faces="true" width="200" max-rows="1"&gt;&lt;/fb:login-button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>