May 2015

<br />

<br />
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 13.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Cara Memasang Java Script SDK Facebook di Blogger </span></b></div>
<div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">

</span><br />
<hr align="center" size="2" width="100%" />
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">

</span></div>
<div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrSApqNO6MePBCkNaSDF2Y1FJnICHZs0zBJZ99OUauJ1AmBewqnuKqg5An1cgGfwBS4jc8aDxYQE8hY9EMYAceQ9Nq9LSdlYyCS-1TC2uyPETyPsa-uzlsksIWxZQBM6CRaLzOLqPf8opt/s1600/JavaScript-SDK.png"><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; mso-no-proof: yes; text-decoration: none; text-underline: none;"><span style="mso-ignore: vglayout;"><br /></span></span></a><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Kepopuleran
Facebook (FB) sebagai social media membuat banyak <i>blogger </i>ingin
memasukan <i>plugin</i> 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.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Tetapi
dengan berkembangnya FB, memasang <i>plugin</i> sekarang jadi bertambah mudah.
Kita hanya perlu memasukan Java Script SDK yang disediakan FB sebagai <i>master
code</i>. Anda cukup memasukan Java Script SDK satu kali saja untuk semua <i>plugin</i>
FB. <br />
<br />
Berikut adalah panduan untuk memasang Java Script SDK di Blogger:</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />
<b>1) Buka situs Developer FB: </b></span><a href="https://developers.facebook.com/docs/plugins/?footer=1"><b><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">https://developers.facebook.com/docs/plugins</span></b></a><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeZj31WxeFfs9GWQuh-XR1Y_bpil9mBp94-UGK-rKk-grgLstbdkOrbbexCuI3jbZwrA475y5rSU6oGUS5cOH1p_D9-3TU7ifqnbBIcJPQC7aqxH6lOsJ1GImUpLlnEoEmYG4kWDxZFpAU/s1600/Capture11.PNG"><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; mso-no-proof: yes; text-decoration: none; text-underline: none;"><span style="mso-ignore: vglayout;"><br /></span></span></a><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Pilih plugin
apa yang mau anda masukan ke Blogger anda. Seperti Like Button, Share Button,
Comment, dsb.<br />
<br />
<br />
<b>2) Sebagai contoh, saya akan memasukan Like Button</b></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilpIBu9m-uLe21Je48KKkksqxjeReXyjiknFi51YLkuubPQn534iB-SIKyjRJc33YefkPF7TllK-t5rzWzbuwXdPPagcp4u-BtOvn43tFIHq9hnxEgtBK2UVOTw7JutheaU_UyPdLF0man/s1600/Capture12.PNG"><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; mso-no-proof: yes; text-decoration: none; text-underline: none;"><span style="mso-ignore: vglayout;"><br /></span></span></a><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Anda <i>edit</i>
URL Blogger anda, Layout-nya, Width (lebarnya), dan Action Type-nya<br />
<br />
<br />
<b>3) Setelah di <i>edit</i>, Klik Get Code</b></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5YjhLTGVCfnDGuVuT67Imj4EJ_jGEQHCTanqjBxGtQBDtxH5S994uuf_kHdOXt8bJ1jPeGn2EL8uuoCh29VCC2wkXQ60BINVCuNuxAQr6Zj2FgD24UwLWVgbXAF4H8dJFGdCJ7KhVYgA7/s1600/Capture13.PNG"><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; mso-no-proof: yes; text-decoration: none; text-underline: none;"><span style="mso-ignore: vglayout;"><br /></span></span></a><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />
<br />
<b>4) Akan muncul tampilan <i>code</i> HTML Java Script SDK (atas) dan <i>code
plugins</i> (bawah)</b></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij8NajftJOmVCwXN-dtLelTZ6VGICyTghCT7EfzRP0EEgtfVC6y8eKrmNZIpougiwYhGXdnXUiNgS5rrAHusK2pfaf6KGnSLEORL_mi3XOeFU2VIX3e4ap0TeNvTcBquAXOolEilsT74f3/s1600/Capture8a.PNG"><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; mso-no-proof: yes; text-decoration: none; text-underline: none;"><span style="mso-ignore: vglayout;"><br /></span></span></a><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Bagian yang
dimerahkan adalah <i>Application Id</i> pada <i>account</i> facebook anda<br />
<br />
<br />
<b>5) Selanjutnya <i>copy</i> semua </b></span><a href="https://developers.facebook.com/docs/reference/javascript/"><b><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">JavaScript SDK</span></b></a><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">:</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />
</span><span style="font-family: "Times New Roman","serif"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span><br />
<div id="fb-root">
</div>
<span style="font-family: "Times New Roman","serif"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">
</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />
</span><span style="font-family: "Times New Roman","serif"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><script>(function(d,
s, id) {</span><span style="font-size:12.0pt;font-family:"Times New Roman","serif";
mso-fareast-font-family:"Times New Roman";mso-fareast-language:IN"><br>
</span><span style="font-size:10.0pt;font-family:"Times New Roman","serif";
mso-fareast-font-family:"Times New Roman";mso-fareast-language:IN">  var
js, fjs = d.getElementsByTagName(s)[0];</span><span style="font-size:12.0pt;
font-family:"Times New Roman","serif";mso-fareast-font-family:"Times New Roman";
mso-fareast-language:IN"><br>
</span><span style="font-size:10.0pt;font-family:"Times New Roman","serif";
mso-fareast-font-family:"Times New Roman";mso-fareast-language:IN">  if
(d.getElementById(id)) return;</span><span style="font-size:12.0pt;font-family:
"Times New Roman","serif";mso-fareast-font-family:"Times New Roman";mso-fareast-language:
IN"><br>
</span><span style="font-size:10.0pt;font-family:"Times New Roman","serif";
mso-fareast-font-family:"Times New Roman";mso-fareast-language:IN">  js =
d.createElement(s); js.id = id;</span><span style="font-size:12.0pt;font-family:
"Times New Roman","serif";mso-fareast-font-family:"Times New Roman";mso-fareast-language:
IN"><br>
</span><span style="font-size:10.0pt;font-family:"Times New Roman","serif";
mso-fareast-font-family:"Times New Roman";mso-fareast-language:IN"> 
js.src =
"//connect.facebook.net/en_US/all.js#xfbml=1&appId=XXXXXXXXXXXXXXX";</span><span style="font-size:12.0pt;font-family:"Times New Roman","serif";mso-fareast-font-family:
"Times New Roman";mso-fareast-language:IN"><br>
</span><span style="font-size:10.0pt;font-family:"Times New Roman","serif";
mso-fareast-font-family:"Times New Roman";mso-fareast-language:IN"> 
fjs.parentNode.insertBefore(js, fjs);</span><span style="font-size:12.0pt;
font-family:"Times New Roman","serif";mso-fareast-font-family:"Times New Roman";
mso-fareast-language:IN"><br>
</span><span style="font-size:10.0pt;font-family:"Times New Roman","serif";
mso-fareast-font-family:"Times New Roman";mso-fareast-language:IN">}(document,
'script', 'facebook-jssdk'));</script></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />
<b>6) Buka HTML Editor di Blogger anda</b></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghxzbtBeTxBwpe9tyvZo3-kTTD-YOncxp8IfZBANNrFsmKtoFY_-XYtcQH5TegNPQc7_v0DrnXXUHEPhugpB5ltRGmWBZTPKREQS2YyHCBk2THfEg4iRynEglKZlG7ught9aABdwzRo1zd/s1600/Capture10.PNG"><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; mso-no-proof: yes; text-decoration: none; text-underline: none;"><span style="mso-ignore: vglayout;"><br /></span></span></a><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Buka <i>template</i>,
Pilih Edit HTML<br />
<br />
<br />
<b>7) Tekan ctrl+F di dalam HTML Editor, untuk membuka menu <i>search</i></b></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeyNZH2TY7v_tG076V7F-59DBZCLV1-nY8rc6Z0_x1E0aIwHCpT2oGi-FRAH3DsIXKxYCf3lgF2-guMu9l5-SJV6XDgxqTPdIot4TIeBrVvwpkleQQZnJMCge_6skTfAykgGs9KGoqEw9K/s1600/Capture4.PNG"><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; mso-no-proof: yes; text-decoration: none; text-underline: none;"><span style="mso-ignore: vglayout;"><br /></span></span></a><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />

<b>8) Lalu anda <i>search</i> di HTML Editor anda = </b></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDTBUXwi8rQ-DfTyoPfvxiMrotN1sHGuO-8LI4MeWOPATAd1Pq24cSzx6UBrulRI_aLC8JUK4iVM4WLgGFlJ7G4SdE6h52ynplqLvbOf8rEkyzpTUXqNQFc-H4tBUPCQQsxgNChX-1mVSA/s1600/Capture1.PNG"><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; mso-no-proof: yes; text-decoration: none; text-underline: none;"><span style="mso-ignore: vglayout;"><br /></span></span></a><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />

<b>9) Setelah ketemu, <i>paste</i> Java Script SDK yang sudah anda <i>copy</i> ke  atas </b></span></div>
<b> tepatnya di bagian bawah template html anda.</b>

<b>10) Lalu tes dengan <i>click</i> Preview template</b><br />
<br />
<br />
<b>11) Jika gagal dan terjadi <i>error</i>, akan muncul tulisan</b><br />
<br />
Seperti ini:<br />
</span><span style="font-family: "Times New Roman","serif"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">"Error
parsing XML, line YYY, column XX: The entity "appId" was referenced,
but not declared."</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />
<br />
Atau Seperti ini:<br />
</span><span style="font-family: "Times New Roman","serif"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">"Error
parsing XML, line YYY, column XX: The reference to entity "appId"
must end with the ';' delimiter.<b>"</b></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />
<br />
<br />
<b>12) Solusinya adalah dengan mengganti baris Java Script SDK,</b><br />
<br />
Yang ini:<br />
</span><span style="font-family: "Times New Roman","serif"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">js.src =
"//connect.facebook.net/en_US/all.js#xfbml=1&appId=XXXXXXXXXXXXXXX";</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />
<br />
Dengan yang ini:<br />
</span><span style="font-family: "Times New Roman","serif"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">js.src =
"//connect.facebook.net/en_US/all.js#xfbml=1&appId=XXXXXXXXXXXXXXX";</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />
<br />
<br />
<b>13) Tes ulang dengan <i>click</i> Preview template</b><br />
<br />
<br />
<b>14) Jika sudah berhasil memasukan Java Scipt SDK, maka akan ada tampilan <i>preview
template</i> anda.</b></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnEaq5V1AAY5xtw5txDZaFmUaiS3W5ch3ida_a8Dyx-Sn3agf1TXv1e-Hf5Wtbbq1beTF5sRxQZRjjxCRCXWIFaxOQIlXuZFOsdS_GEnTSd715WaqLRzwZb8gZRvr1eNHvprnHf-CgSeNW/s1600/Capture17.PNG"><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; mso-no-proof: yes; text-decoration: none; text-underline: none;"><span style="mso-ignore: vglayout;"><br /></span></span></a><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> 
<br />

<b>Plugins lainnya</b></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Jika anda
sudah berhasil memasukan like button, dan ingin memasukan <i>plugins</i> FB
lain seperti Share Button. Kembali buka Facebook Development, lalu pilih Share
Button. Anda atur <i>setting</i>-nya, lalu klik Get Code. Anda Cukup <i>copy</i>
"<i>code for your plugin</i>" yang bagian bawah saja, tidak perlu
meng-<i>copy</i> <i>paste</i> lagi Java Script SDK ke Blogger anda.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdXxnztkFmuXBHsKcTHdAre06MUq7lmlqY8Xc6wBWFl5a63i6CEigbllPx02xiqAslr-vRHN3XBoVOhdYayrh5l6fftLyOAh5GmYrrA_VbYhiee3OBsdToVadxQiKVU-EmrdhPinOggDiH/s1600/Capture9.PNG"><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; mso-no-proof: yes; text-decoration: none; text-underline: none;"><span style="mso-ignore: vglayout;"><br /></span></span></a><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal">
<br /></div>

Cara Memasang Java Script SDK Facebook di Blogger Kepopuleran Facebook (FB) sebagai social media membuat banyak blogger ing...

gorillapuber.blogspot.com

Bisnis Toko Online Di Internet

Cara Memasang Java Script SDK Facebook di Blogger

Followers

My Profil