Search :
 

Integrasi Website dengan Facebook Plugin

Ada banyak fasilitas yang disediakan oleh Facebook, kali ini kita akan membahas tentang Facebook Plugin, sebagai contoh kita akan mencoba mengintegrasikan dengan Facebook Like Button. Yang perlu disiapkan adalah semua hostingan yang sudah dilengkapi dengan domainnya. Lalu buka halaman Create an Application. Isi kolom tersebut lalu tekan tombol Create application.

Setelah itu Anda akan mendapatkan Aplikasi ID dan Aplikasi Secret, ada baiklah dicatat terlebih dahulu.

Selanjutnya adalah menyisipkan script didalam tag <html>
xmlns:fb=”http://www.facebook.com/2008/fbml”
sehingga menjadi
<html xmlns=”http://www.w3.org/1999/xhtml” dir=”ltr” lang=”en-US” xmlns:fb=”http://www.facebook.com/2008/fbml”>

Lalu masukkan script dibawah ini di antara tag <body> </body>

<fb:like></fb:like>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

pada ‘your app id’ ubah dengan aplikasi ID Anda.

Preview : Wadeblack Personal Site.

Selamat mencoba.

 ID



2 Responses to “Integrasi Website dengan Facebook Plugin”

  1. ensha says:
    January 7, 2011 at 7:09 am

    masih kurang jelas penjelasannya ini buat apa?
    maklum newbie…

  2. wdbot says:
    February 27, 2011 at 6:13 am

    ini artikel buat integrasikan script fbml ke html..

Leave a Reply

Advertise