Cara Memasang Java Script SDK Facebook di Blogger

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: https://developers.facebook.com/docs/plugins
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
Anda edit URL Blogger anda, Layout-nya, Width (lebarnya), dan Action Type-nya


3) Setelah di edit, Klik Get Code


4) Akan muncul tampilan code HTML Java Script SDK (atas) dan code plugins (bawah)
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) Tekan ctrl+F di dalam HTML Editor, untuk membuka menu search


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


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


10) Lalu tes dengan click Preview template


11) 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."


12) 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;;


13) Tes ulang dengan click Preview template


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

-----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.




Kata Kunci
Cara meletakan Java Script SDK di Blogger, Cara cepat memasang dan meletakan Java Script SDK di Blogger.