Facebook Connect кнопку

Question

Я не могу найти, как создать классическую кнопку Facebook Connect:

все, что я могу найти, как произвести следующий:

---

Я использую документацию здесь http://developers.facebook.com/docs/guides/web

---

Любые идеи? :)

Answer 1

http://developers.facebook.com/docs/reference/plugins/login

Если вы хотите изменить изображение, которое вы должны делать вручную:

<div id='login'><a href="#" id='facebook-login' onclick='fblogin();'><img src="your image url here" /></a></div> 
</a> 
<script> 
    function fblogin(){ 
     FB.login(function(response) { 
      if (response.session) { 
       if (response.perms) { 
        // user is logged in and granted some permissions. 
        // perms is a comma separated list of granted permissions 
        window.location.reload(); 
       } else { 
        // user is logged in, but did not grant any permissions 
        window.location.reload(); 
       } 
      } else { 
       // user is not logged in 
       window.location.reload(); 
      } 
     }, {perms:'email'}); 
     return false; 
    } 
</script> 

Answer 2

«Connect with Facebook» - это просто более ранний дизайн той же кнопки. Если вы действительно хотите это использовать, вы можете получить код для «Войти в Facebook», настройте его так, чтобы он выглядел как «Connect with Facebook», и поместил его в линию, но я бы рекомендовал против него, поскольку такое решение является хрупким и будет когда Facebook меняет что-то на их стороне.