2 Cara Membuat Widget Halaman Facebook Di Blog

Posted by at

Plugin Facebook Page

Dengan Plugin Halaman Facebook, anda dapat menyematkan dan mempromosikan Halaman Facebook yang bersifat publik secara mudah di situs web. Sama seperti Facebook, pengunjung Anda dapat menyukai dan membagikan Halaman tanpa keluar dari situs Anda. Anda bisa menggunakan plugin Halaman untuk Halaman yang tidak dibatasi, misalnya berdasarkan negara atau usia.

Tapi untuk menyematkan plugin halaman facebook ke blog atau situs web, kita harus Membuat Halaman (Fans Page) Facebook terlebih dahulu.

Embed Plugin Facebook Page

Cara Pertama

1. Buat halaman facebook terlebih dahulu, lihat di postingan yg sebelumnya tentang Cara Membuat Halaman (Fans Page) Facebook

2. Kalau halaman facebook sudah dibuat, selanjutnya kunjungi https://developers.facebook.com/docs/plugins/page-plugin

3. Isi kolom-kolom (URL Halaman Facebook, Tab, Lebar, Tinggi)


4. Selanjutnya klik Dapatkan Kode , maka tampilannya kurang lebih seperti ini


5. Copy kode yg ada di kedua kolom tersebut, sementara paste kode di file kosong terlebih dahulu

6. Login ke blogger.com

7. Di dashboard blogger, klik Tata Letak >> Tambahkan Gadget >> HTML/Javascript

8. Paste kode-kode yg sudah di copy dari kedua kolom tadi ke kolom Gadget HTML/Javascript, lalu klik Simpan

Cara Kedua

BACA JUGA : Cara Membuat Halaman (Fans Page) Facebook

1. Di dashboard blogger, klik Tema >> Edit Tema

2. Copy kode di bawah ini, paste di bawah <body>, lalu klik Simpan Tema

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : '123456789',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v6.0'
    });
  };
</script>
<script async defer src="https://connect.facebook.net/en_US/sdk.js"></script>

Ganti 123456789 dengan ID Facebook App , (Kalau belum ada ID App, cara membuatnya bisa dilihat di postingan Membuat ID Aplikasi Facebook Developers)

3. Masih di dashboard blogger, klik Tata Letak >> Tambahkan Gadget >> HTML/Javascript

4. Copy kode di bawah ini , lalu paste di kolom Gadget HTML/Javascript

<div class="fb-page" data-tabs="timeline" data-href="https://www.facebook.com/Wenxploitdotcom" data-width="300" data-hide-cover="false" data-show-facepile="false"></div>

Ganti https://www.facebook.com/Wenxploitdotcom dengan URL Halaman Facebook anda

5. Terakhir, klik Simpan

Keterangan

Atribut Keterangan Default
data-href URL Halaman Facebook -
data-width Lebar piksel plugin. Min. 180 & Maks. 500 340
data-height Tinggi piksel plugin. Min. 70 500
data-hide-cover Sembunyikan foto sampul di header false
data-show-facepile Perlihatkan foto profil ketika teman menyukai ini true
data-tabs Tab untuk merender mis. timeline, events, messages. Gunakan daftar yang dipisahkan tanda koma untuk menambahkan tab, mis. timeline, events. timeline

Itulah tadi 2 Cara Membuat Widget Halaman Facebook Di Blog yg bisa dicoba sesuai keinginan. Selamat Mencoba!

Referensi : https://developers.facebook.com/docs/plugins/page-plugin/

Labels: ,