Login Button Facebook atau tombol login Facebook menunjukkan gambar profil user Facebook yang telah mendaftar untuk situs Anda. Anda dapat menetapkan jumlah maksimum gambar profil user yang akan ditampilkan. Anda juga bisa menentukan ukuran lebar (width) yang bisa dikustomisasi, sebagai contoh, jika Anda menentukan maksimum empat gambar profil user, ukuran lebar akan menentukan seberapa banyak gambar profil user yang tampil.

Cara membuat login button Facebook, Anda membutuhkan kode JavaScript SDK Facebook untuk melakukan render terhadap kode Login Button Facebook. Berikut beberapa variasi skrip/kode Login Button Facebook.

Tampilan Default Login Button Facebook

<fb:login-button onlogin="Log.info('onlogin callback')">
</fb:login-button>

Login Button Facebook dengan ukuran lebar/tinggi dan tampilan gambar profile user

<fb:login-button show-faces="true" width="200" max-rows="1">
</fb:login-button>

Login Button Facebook dengan autologoutlink

<fb:login-button autologoutlink="true"
                 onlogin="Log.info('onlogin callback')">
</fb:login-button>

Login Button Facebook ukuran kecil dengan custom text

<fb:login-button size="small"
                 onlogin="Log.info('onlogin callback')">
  Connect to Facebook
</fb:login-button>

Login Button Facebook ukuran medium dengan custom text

<fb:login-button size="medium"
                 onlogin="Log.info('onlogin callback')">
  Connect with Facebook
</fb:login-button>

Login Button Facebook ukuran besar dengan custom text

<fb:login-button size="large"
                 onlogin="Log.info('onlogin callback')">
  Login with Facebook
</fb:login-button>

Login Button Facebook ukuran extra besar dengan custom text

<fb:login-button size="xlarge"
                 onlogin="Log.info('onlogin callback')">
  Find Friends
</fb:login-button>

Login Button Facebook bentuk Favicon

<fb:login-button size="icon"
                 onlogin="Log.info('onlogin callback')">
</fb:login-button>

Google+

Rachmanuddin Chair Yahya (Jevuska)