Translate

Cara Buat App ID Facebook di Blog

Posted by Christian Lawendatu Friday, November 1, 2013 0 komentar
Cara Buat App ID Facebook di Blog

Blog, biasanya disertai dengan fitur komentar. 

Dari situ, pengunjung situs bisa meninggalkan pesan terkait dengan konten blog. Fitur komentar yang ada di blog bakal semakin menarik dibuat ala Facebook. 

Berikut ini tipsnya:

  • Login ke Facebook
  • Kunjungi http://developers.facebook.com/setup/
  • Daftarkan blog dengan mengisi formulir yang diberikan. Isi Nama Aplikasi, App Namespace (dapat dikosongkan dulu), dan App Category, kemudian klik Lanjutkan (Create Application)
  • Salin App ID yang ada.

Perlu diketahui, sistem komentar ini menggunakan kode FBML. Supaya template support FBML, lakukan langkah berikut:


  • Masuk ke akun blogger
  • Pilih rancangan, kemudian pilih Edit HTML
  • Cari kode <html lalu paste kode di bawaah ini tepat di sebelahnya: xmlns:fb='http://www.facebook.com/2008/fbml'. 
  • Berikutnya, paste kode dibawah ini persis di bawah kode <body>

<div id="fb-root"></div>
<script>
window.fbAsynclnit=function() {
FB.init({
appId:'Isikan Dengan App ID Facebook yang telah dibuat',
status:true,//check login status
cookie:true,//enable cookies to allow the
server to access the session
xfbml:true//parse XFBML
});
};
(function(){
var e=document.createElement('script');
e.scr=document.location.protocol+ '//
connect.facebook.net/en_US/all.js';
e.async=true;
document.getElementByld('fb-root).
appendChild(e);
}());
</script>

Sekarang pasang Open Graph protocol. Caranya, cari kode dan pastekan kode berikut diatasnya:

<b:if cond='data:blog.pageType= =&quot;item&quot;'>
<meta expr:content='data:blog.pageTitle'
property='og:title'/>
<meta exp:content='data:blog.url' property='og:
url'/>
<meta expr:content='data:blog.title'property='og:
title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='NamaSitusAnda' property='og:site_name'/>
<meta content='http://google.com/help/hc/image/logos_logo.gif' 
property=og:image'/>
<meta content='App ID Facebook Anda' property='fb:app_id/>
<meta content=' ID Facebook Profile Anda' property='fb:admins/>
<meta content='article' property='og:type'/>

  • Ganti NamaSitus dengan nama blog Anda.
  • Ganti http://google.com/help/hc/image/logos_logo.gif dengan logo aplikasi Facebook Anda.
  • Ganti App ID Facebook dengan kode aplikasi yang didapat di awal.
  • Ganti ID Facebook Profile Anda dengan profile Facebook Anda.
  • Simpan template.
  • Selanjutnya adalah tahap pemasangan kotak komentar.Expand widget template Anda.
  • Cari kode <data:post.body/>. Pastekan kode ini dibawahnya:

<b:if cond='data:blog.pageType= =&quot;item&quot;'>
<div><fb:comments widht='450' expr:title='data:post.title'expr:url='data:
post.url' expr:xid='data:post.id'/></div><dic style='background-color:
#FFFFFF;border:solid I px #cccccc;font-size:10px;padding:3px;widht:10
0%;'><img alt="class=icon-action' height='16' scr='http://3.bp.blogspot.
com/_Z_KyM3lvEFQ/S40FDFBrnMI/AAAAAAAABNo/SyoSfrAffPg/
s400/favicon-16.png' widht='16'/><b><a href='http://yudhaime.
co.cc/'target='blank'>Facebook comments untuk blogger<a/> untuk
mendapatkannya<a href='http://blog.yudhaime.co.cc/2010/07/memasang-
kotak-komentar-facebook-di-blogspot.html'target='_blank'title='blogger
facebook'>KLIK di sini</a></b></div>
</b:if>

  • Simpan template.


Sumber: Steven Andy Pascal (steven@tabloidpcplus.com/PC Plus)
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Buat App ID Facebook di Blog
Ditulis oleh Christian Lawendatu
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://westjava27.blogspot.com/2013/11/cara-buat-app-id-facebook-di-blog.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Post a Comment



Google+ Followers

Sponsor Toko Online Westjava27 | Copyright of westjava27 .

Labels

Postingan Terbaru westjava27