Sunday, September 27, 2015

Cara Menambahkan Like Box Fans Page Facebook di Blog

Cara Menambahkan Like Box Fans Page Facebook di Blog - Halo sobat naga, Facebook merupakan jejaring sosial yang paling banyak di kunjungi dan merupakan situs media sosial yang paling banyak penggunanya di seluruh dunia, karena itu banyak blogger ataupun online shop menggaitkan pelanggannya dari facebook page atau halaman facebook. jadi kebanyakan blogger ataupun online shop bertanya, seperti apakah cara untuk membuat dan menambahkan Like Box Fanspage facebook di blog ataupun situs pekerja online shop.

Dulu Facebook menamakan Like box untuk Widget yang biasa di pasang di sidebar blog, akan tetapi setelah update Facebook beberapa bulan yang lalu Like Box telah diganti nama menjadi Page Plugin. disinilah kebanyakan blogger khususnya yang newbie seperti saya bingung. Maka dari itu saya terinspirasi untuk membuat posting kali ini tentang Cara Menambahkan page plugin fans page facebook di blog. silahkan simak tutorial berikut ini.

Cara Menambahkan Like Box Fans Page Widget di Blogger


1. Pergi ke page Plugin Facebook

Cara mengatur Like Box Fans Page Facebook di Blogger
Pengaturan Like box Fanspage

2. Lalu isikan Url page sobat di Facebook Page URL. Contoh https://www.facebook.com/bapaknaga
Isikan Ukuran yang sobat inginkan saat tampil di blog nantinya. contoh : Width = 300 untuk lebar dalam pixel dan Height = 250 untuk tinggi widget dalam pixel.

3. Setelah itu Klik Get Code

Lalu akan muncul 2 code di box yang terpisah seperti pada gambar di bawah ini

Cara Menambahkan Like Box Fans Page Facebook di Blogger, error saat membuat widget facebook
Plugin code untuk dalam template dan untuk widget

<div id='fb-root'/>
<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 = &quot;//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.0&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

4. Letakkan kode di atas tepat di bawah kode </head> dengan cara login ke blog anda, pilih template lalu klik di edit html kemudian ctrl+f lalu cari kode </head>.

note : jika anda mendapatkan error "Kesalahan saat mengurai XML, baris 858, kolom 64: The reference to entity "version" must end with the ';' delimiter." atau "Error parsing XML, line 858, column 64: The reference to entity "version" must end with the ';' delimiter." saat menyimpan template, sebaiknya sobat mengambil kode yang saya ubah di atas untuk mengatasi error tersebut.

5. Setelah berhasil menyimpan silahkan pergi ke "Tata Letak pilih Tambahkan Gadget lalu pilih HTML/JavaScript" lalu Letakkan Kode ke dua yang di tunjukkan di gambar pada bagian yang ingin sobat letakkan, misalnya pada bagian sidebar, footer ataupun header (emang ada yang mau letakin di header -_- ).

6. Simpan Template dan Selesai

itulah artikel sederhana saya tentang Cara Menambahkan Like Box Fans Page Facebook di Blogger, semoga bermanfaat bagi sobat yang dilanda error tersebut :D terimakasih

Cara Menambahkan Like Box Fans Page Facebook di Blog Rating: 4.5 Diposkan Oleh: Asri Fahmi