Possible Duplicate:
XFBML and the Facebook Login button
I’m trying to add the “Login using Facebook” button that you see on many sites and want to use the methods they outline here and here.
However, I don’t think I’m doing this correctly. At the top of my site, my header reads:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
Just like they indicate in the second link I posted.
They say to use the following code to have the Connect using Facebook button (which is shown in the first link (APP_ID is there intentionally… my code DOES use my app ID):
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId:'APP_ID', cookie:true,
status:true, xfbml:true
});
</script>
<fb:login-button>Login with Facebook</fb:login-button>
But when I use this code on my site the Login with Facebook button is nowhere to be seen.
What am I doing wrong here? I’m fairly sure it isn’t quite this simple.
you always need to have
<div id="fb-root"></div>before script loading.