改变Facebook的登录按钮式

Question

目前，我有以下按钮，使用Facebook的JavaScript时：

，我想这一个：

我应该怎么改？

目前，我这样做的方法是使用下面的代码：

<div id="fb-root"></div> 
     <script src="http://connect.facebook.net/en_US/all.js"></script> 
     <script> 
     FB.init({ 
      appId:'YOUR_APP_ID', cookie:true, 
      status:true, xfbml:true 
     }); 
     </script> 
     <fb:login-button>Login with Facebook</fb:login-button> 

Answer 1

随着Facebook PHP-sdk您可以用任何按钮或图标

<?php if ($me) { ?> 
    <a href="<?php echo $logoutUrl; ?>"><img src="logout-image.png"></a> 
<?php } else { ?> 
    <a href="<?php echo $loginUrl; ?>"><img src="login-image.png"></a> 
<?php } ?> 

或者http://fbrell.com/xfbml/fb:login-button

Answer 2

只是替换文本“登录facebook”在你的登录按钮代码“连接Facebook”。或者使用下面的代码。

<div id="fb-root"> 
     </div> 
     <script src="http://connect.facebook.net/en_US/all.js"> 
     </script> 
     <fb:login-button>Connect with Facebook</fb:login-button> 
     <script> 
      FB.init({ 
      appId: '123456', 
      cookie: true, 
      status: true, 
      xfbml: true 
      }); 

     </script> 

Answer 3

对于特定的按钮，你将不得不自己包括图像，并与现有的软件开发工具包的一个绑定功能： http://developers.facebook.com/docs/sdks/

我个人比较喜欢使用JS SDK打开登录提示。

您可以使用regular login button，这是@MNVR在他的答案中描述的方法。