Facebook Login JavaScript Example
Login Page
#fb-btn{
margin-top: 20px;
}
#profile,#feed{
display: none;
}
#logout{
display: none;
font-size: 20px;
}
</style>
<div class="container">
<div class="header clearfix">
<nav>
<ul class="nav nav-pills pull-right navbar-right">
<li><a id="logout" href="#" onclick="logout()">Logout</a></li>
<fb:login-button
id="fb-btn"
scope="public_profile,email,user_birthday,user_posts"
onlogin="checkLoginState();">
</fb:login-button>
</ul>
</nav>
<h3 class="text-muted"><b>Welcome to CSI</b></h3>
</div>
<div class="jumbotron">
<h1>CSI Posts</h1>
<p><img src="https://scontent.fdel8-1.fna.fbcdn.net/v/t1.0-9/1185472_346668195466354_66233959_n.jpg?oh=9bf600e2413c835bc19c8aee6a2a6582&oe=5A032110">
</p>
<br>
<h1 id="welcome-msg">Log in to continue</h1>
</div>
<div class="container">
<div id="profile"></div>
</div>
<div class="row marketing">
<div id="feed">
<div class="fb-post" data-href="https://www.facebook.com/csinsit/posts/1811337948878068"></div>
<div class="fb-post" data-href="https://www.facebook.com/csinsit/posts/1811337948878068"></div>
<div class="fb-post" data-href="https://www.facebook.com/csinsit/posts/1811337948878068"></div>
<div class="fb-post" data-href="https://www.facebook.com/csinsit/posts/1811337948878068"></div>
<h4>Subheading</h4>
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>
<h4>Subheading</h4>
<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
</div>
<footer class="footer">
<p>© 2016 WhiteKnight, Inc.</p>
</footer>
</div> <!-- /container -->
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
<script src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5"
async></script>
<div id="fb-root"></div>
my aboove code is not working . please help