Cara Membuat Widget Like Fanspage Facebook Di Blog

Membuat widget like box fanspage facebook di blogspot - Selamat sore teman's.. Melanjutkan posting saya sebelumnya yang membahas tentang cara membuat fanspage facebook. Kali ini saya akan membahas bagaimana memasang atau membuat fanspage tersebut bisa tampil di blog (like box facebook), agar supaya jumlah orang yang like fanspage bisa semakin bertambah.


Ada satu syarat utama sebelum anda bisa memasang like box fanspage facebook di blogspot, apa itu sayaratnya? syarat utamanya yaitu anda harus sudah memiliki fanspage facebook terlebih dahulu. Untuk tutorial cara membuatnya silahkan baca disini: Cara membuat halaman fanspage facebook

Jika anda sudah memiliki fanspage facebook sekarang saatnya praktek memasang fanspage tersebut menjadi webuah widget like box di blogspot. Bagaimana caranya? Silagkan ikuti petunjuk dibawah ini dengan seksama. hehehe..

Cara membuat widget like fanspage facebook di blog


1. Login ke akun facebook anda
2. Masuk ke halaman page plugin disini: Facebook Developer plugin
3. Lengkapi data dan settingan tampilan widget like box facebook seperti dibawah ini:

membuat widget facebook
Keterangan gambar:
  • Pada kolom url halaman, silahkan masukkan alamat url fanspage facebook yang sebelumnya telah anda buat.
  • Pada kolom Tab, silahkan isi sesuai dengan keinginan anda, disini saya mengisi dengan timeline.
  • Pada lebar dan tinggi widget silahkan isi sesuai dengan keinginan (sesuai ukuran widget blog)
  • Pada bagian check box, silahkan coba satu persatu atau bisa juga mengikuti seperti settingan yang saya buat pada gambar diatas.
  4. Jika dirasa sudah cukup, silahkan klik Dapatkan Kode, kode tersebut nanti yang kanan anda copy kemudian dipaste kedalam widget blogspot anda. 

Cara memasang like fanspage facebook pada widget blogspot


1. Login ke akun blogspot anda, kemudian pada halaman dashbord pilih TATA LETAK
cara-memasang-widget-like-facebook-blogspot

2. Kemudian klik TAMBAHKAN GADGET dan pilih gadget HTML/JAVASCRIPT

memasang-widget-like-facebook

3. Selanjutnya pastekan kode javascript like facebook yang telah anda copy sebelumnya dan klik SIMPAN.

4. Kemudian silahkan cek tampilan blog anda, apakah widget like fanspage facebook yang anda buat sudah berhasil dan tampil atau belum, jika belum kemungkinan masih terdapat kesalahan. Silahkan cek kembali dan ikuti langkah-langkah diatas dengan seksama.

CATATAN:

Jika anda mengalami kesulitan untuk memasang atau kode widget like facebook tersebut di blog, untuk memudahkannya disini saya berikan html/ javascipt widget fanspage facebook tersebut. Jadi anda tidak perlu repot-repot lagi membuatnya, cukup tinggal copy dan paste kode tersebut ke widget blog anda.

<div id="bocah-soenyi"></div>
<script>(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 = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/bocahsoenyi" data-tabs="bocahsoenyi" data-width="250" data-height="300" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/bocahsoenyi"><a href="https://www.facebook.com/bocahsoenyi">bocahsoenyi.com</a></blockquote></div></div>


Kemudian ganti link yang saya beri tanda merah dengan alamat fanspage facebook anda.
Back To Top