#Rahasia Memasukan Plugin Facebook ke Dalam Blog

Cara Memasukan Plugin Facebook ke Dalam Blog

JS

Kepopuleran Facebook (FB) sebagai social media membuat banyak blogger ingin memasukan plugin FB ke dalam blog mereka. Contoh plugin yang sering digunakan adalah Facebook Comment, Share Button, Like Button, dsb. Walaupun demikian, bagi kebanyakan pengguna Blog, memasukan plugin FB kadang masih dirasa sulit.

Tetapi dengan berkembangnya FB, memasang plugin sekarang jadi bertambah mudah. Kita hanya perlu memasukan Java Script SDK yang disediakan FB sebagai master code. Anda cukup memasukan Java Script SDK satu kali saja untuk semua plugin FB. 

Berikut adalah panduan untuk memasang Java Script SDK di Blogger:

1) Buka situs Developer FB: klik

Developer FB

Pilih plugin apa yang mau anda masukan ke Blogger anda. Seperti Like Button, Share Button, Comment, dsb. 

2) Sebagai contoh, saya akan memasukan Like Button

Like button

Anda edit URL Blogger anda, Layout-nya, Width (lebarnya), dan Action Type-nya

3) Setelah di edit, Klik Get Code

Get code

4) Akan muncul tampilan code HTML Java Script SDK (atas) dan code plugins (bawah)

JS SDK

Bagian yang dimerahkan adalah Application Id pada account facebook anda
 
5) Selanjutnya copy semua JavaScript SDK:
<div id="fb-root"></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/en_US/all.js#xfbml=1&appId=XXXXXXXXXXXXXXX";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

6) Buka HTML Editor di Blogger anda
Buka template, Pilih Edit HTML

7) Lalu anda search di HTML Editor anda = </body>

Edit HTML

8) Setelah ketemu, paste Java Script SDK yang sudah anda copy ke  atas </body>, seperti ini:

Paste JS SDK

 
9) Lalu tes dengan click Preview template
 
10) Jika gagal dan terjadi error, akan muncul tulisan
Seperti ini:
"Error parsing XML, line YYY, column XX: The entity "appId" was referenced, but not declared."


Atau Seperti ini:
"Error parsing XML, line YYY, column XX: The reference to entity "appId" must end with the ';' delimiter."

11) Solusinya adalah dengan mengganti baris Java Script SDK,
Yang ini:
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=XXXXXXXXXXXXXXX";

Dengan yang ini:
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&amp;appId=XXXXXXXXXXXXXXX&quot;;

12) Tes ulang dengan click Preview template


13) Jika sudah berhasil memasukan Java Scipt SDK, maka akan ada tampilan preview template anda.

SS Like Button di Blog

-----Selamat Anda Sudah berhasil memasukan Java Script SDK ke Blogger anda-----

Plugins lainnya

Jika anda sudah berhasil memasukan like button, dan ingin memasukan plugins FB lain seperti Share Button. Kembali buka Facebook Development, lalu pilih Share Button. Anda atur setting-nya, lalu klik Get Code. Anda Cukup copy "code for your plugin" yang bagian bawah saja, tidak perlu meng-copy paste lagi Java Script SDK ke Blogger anda.

Code plugin FP FB