Cara Memasang Widget Facebook Di Blog [UPDATE 26 Maret 2015]


Cara Memasang Widget Facebook Di Blog [UPDATE 26 Maret 2015]
Halo sobat blogger.. Membuat Fanspage fb di blog kita merupakan hal yang wajib, karena jika kita memasang widget Facebook di blog otomatis blog kita akan menjadi populer dalam jangka waktu tertentu. Tentunya sobat ingin blog sobat menjadi terkenal, dengan Fanspage like box di blog ini kita dapat mempromosikan suatu halaman blog juga memantau banyaknya liker Fanspage Facebook. Beberapa waktu lalu saya berniat untuk memasang widget fanspage facebook di blog kangbar.blogspot.com, namun setelah saya sampai pada web developer.facebook.com untuk mengisi form pembuatan fanspage facebook di blog. Ternyata pihak facebook sudah mempebaharui plugin mereka dengan yang lebih keren dan pastinya terupdate. bisa dilihat ada tulisan

Cara Memasang Widget Facebook Di Blog [UPDATE 26 Maret 2015]


With the release of Graph API v2.3, the Like Box plugin is deprecated and will stop working on June 23rd
2015. Use the new Page Plugin instead. The Page Plugin allows you to embed a simple feed of content from
a Page into your websites.


Artinya

Dengan rilis Grafik API v2.3 , plugin Seperti Box sudah ditinggalkan dan akan berhenti bekerja pada tanggal 
23 Juni 2015. Gunakan Plugin Halaman baru sebagai gantinya . Halaman Plugin memungkinkan Anda untuk
menanamkan feed sederhana isi dari halaman ke dalam website Anda .

Artinya


Cara Membuat Widget Facebook di Blog


Karena Facebook sudah memperbarui cara memasang fanspage di blog, kali ini saya akan memberikan tutorial cara memasang widget facebook di blog, beriku caranya :
  1. Login Facebook
  2. Buat Halaman Facebook / Fanspage
  3. Pergi ke https://developers.facebook.com/docs/plugins/page-plugin
  4. Pada Kolom Facebook Page URL, Silahkan masukan alamat Fanspage anda. contoh : www.facebook.com/Offline4Online
  5. Pada Kolom Width Silahkan masukan Lebar yang anda inginkan (Pixel)
  6. Pada Kolom Height Silahkan Masukan Tinggi Widget Yang anda inginkan (pixel)
  7. Keterangan :
    • Hide Cover Photo = Menyembunyikan Foto Cover Fanspage
    • Show Page Posts = Menampilkan Postingan Fanspage
    • Show Friend's Faces = Menampilkan Liker Fanspage (Orang yang menyukai)
  8. Jika dirasa sudah cukup silahkan Klik Get Code
  9. Disana ada 2 kode
  10. Copy Kode pertama, lalu paste-kan di bawah <body>
    • Jika Tidak bisa di simpan, silahkan ganti dengan code berikut :

      <div id='fb-root'/>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : &#39;722734577824047&#39;,
            xfbml      : true,
            version    : &#39;v2.3&#39;
          });
        };
      
        (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 = &quot;//connect.facebook.net/en_US/sdk.js&quot;;
           fjs.parentNode.insertBefore(js, fjs);
         }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
      </script>
      
    • Note : Ganti kode warna biru dengan appid facebook sobat sendiri
  11. Selanjutnya, Copy Kode Kedua
  12. Lalu paste-kan ke Widget atau tempat lain yang ingin dipasangkan Facebook Fanspage Like


Sekian artikel Cara Memasang Widget Facebook Di Blog, diharapkan dengan pembaruan kode Plugin Facebook setelah membaca artikel ini sobat menjadi paham. Terimakasih..
akbar

Seorang Software Developer yang dengan hobi menulis.

11 Komentar

Bagaimana Tanggapan anda mengenai Artikel Diatas ?

  1. wah, harus ganti nih sebelum tanggal 23 juni..
    makasih kang atas informasinya ^^

    BalasHapus
  2. Iya sob, silahkan dicoba.. :D

    BalasHapus
  3. wah mantap gan, kalo pasang di wordpress apakah cara di atas bisa digunakan, solnya saya menggunakan wp

    BalasHapus
    Balasan
    1. klo di WP saya blm paham mas..mungkin lain kali saya akan membahas cara WP nya.. tetap tunggu disini ya :D

      Hapus
  4. appid kita sendiri maksudnya ??? seperti apa?

    BalasHapus
    Balasan
    1. Appid Facebook gan.. Coba search google "cara mendapat appid facebook" pasti ada

      Hapus
  5. Terima Kasih Gan....
    http://jualgamefilm.blogspot.com/

    BalasHapus
Lebih baru Lebih lama