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

akbar -00.18

11

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

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 :

Login Facebook
Buat Halaman Facebook / Fanspage
Pergi ke https://developers.facebook.com/docs/plugins/page-plugin
Pada Kolom Facebook Page URL, Silahkan masukan alamat Fanspage anda. contoh : www.facebook.com/Offline4Online
Pada Kolom Width Silahkan masukan Lebar yang anda inginkan (Pixel)
Pada Kolom Height Silahkan Masukan Tinggi Widget Yang anda inginkan (pixel)
Keterangan :
- Hide Cover Photo = Menyembunyikan Foto Cover Fanspage
- Show Page Posts = Menampilkan Postingan Fanspage
- Show Friend's Faces = Menampilkan Liker Fanspage (Orang yang menyukai)
Jika dirasa sudah cukup silahkan Klik Get Code
Disana ada 2 kode

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

Selanjutnya, Copy Kode Kedua
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..

Tags: SMK Widget