Cara Memasang Java Script SDK Facebook di Blogger

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:

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 =

9) Setelah ketemu, paste Java Script SDK yang sudah anda copy ke  atas

tepatnya di bagian bawah template html anda.

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 = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=XXXXXXXXXXXXXXX";


13) Tes ulang dengan click Preview template


14) Jika sudah berhasil memasukan Java Scipt SDK, maka akan ada tampilan preview template 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.