Membuat Plugin Tombol Login Facebook Di Blog

Posted by at

Plugin Facebook Login - Dengan Tombol Facebook Login di blog/situs web, akan memudahkan pengunjung untuk terhubung ke blog atau situs web.

Untuk menggunakan Tombol Login Facebook di blog, ada 2 hal yg harus dilakukan terlebih dahulu, diantaranya :
  • ID Aplikasi Akun Facebook Developers, (Jika belum ada ID Aplikasi Akun Facebook Developers, bisa lihat postingan sebelumnya tentang cara Membuat ID Aplikasi Facebook Developers.)
  • SDK Facebook Javascript

 Membuat Tombol Login Facebook

1. Login ke blogger.com

2. Di dashboard blogger, klik Tema >> Edit Tema , lalu Copy kode di bawah ini dan Paste di bawah <body>

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'ID APLIKASI',
      cookie     : true,
      xfbml      : true,
      version    : 'v6.0'
    });
      
    FB.AppEvents.logPageView();   
      
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));


FB.getLoginStatus(function(response) {
    statusChangeCallback(response);
});
</script>

Ganti "ID APLIKASI" dengan ID Aplikasi anda

3. Login ke akun facebook, lalu kunjungi https://developers.facebook.com/docs/facebook-login/web

4. Pilih kofigurasi tombolnya sesuai keinginan, "Ukuran Tombol", "Teks Tombol", "Bentuk Tata Letak Tombol", "Sertakan nama dan foto profil saat pengguna masuk ke Facebook", "Aktifkan Tombol Keluar", lalu klik Dapatkan Kode


5. Copy kode kolom kedua, lihat gambar di bawah ini


6. Kembali ke dashboard blogger, klik Tema >> Edit Tema , cari <data:post.body/> , kalau ada 2 atau 3 <data:post.body/> nya, paste kode plugin tombol login facebook tadi di atas <data:post.body/> yg kedua atau yg ketiga,  lalu klik Simpan Tema

BACA JUGA : 2 Cara Membuat Widget Halaman Facebook Di Blog

Sampai di sini, tombol login facebook sudah selesai disematkan di blog.
Semoga tutorial Membuat Plugin Tombol Login Facebook Di Blog ini bisa dicoba di blog atau situs web anda. Selamat Mencoba!
Labels: