Widget Komentar facebook di blog
2. Kunjungi url ini: developers.facebook.com/setup
3. Isi kotak yang tersedia sbb:
a.App Display Name: Contoh
b.App Namespace: contohcontoh (minimal 7 karakter)
c.Tanda tik pada "I Agree.."
d.Klik Continue
e.Isi verifikasi kata
f.Klik Submit. Selesai.
Setelah tulisan "App id" adalah nomor aplikasi id fb Anda. Catat dan simpan nomor App id tersebut di notepad.
Lihat gambar (klik untuk memperbesar).
Alamat blog/situs harus ditambahkan ke aplikasi yang dibuat. Tanpa itu, akan muncul warning di kotak komentar blog seperti "Warning: the url --- is Unreachable". Berikut cara menambah alamat blog:
b.Klik Edit Settings (kanan atas)
c.Pada "Select how your app integrates with Facebook" -> klik Website (paling atas)
d.Masukkan alamat url blog anda. Contoh, http://www.alkhoirot.net/ (jangan lupa diakhiri dengan garis miring).
f.Klik Save Changes (lihat gambar).
Kalau tutorial diatas udah diikuti dengan benar, langkah selanjutnya untuk memasang kotak komentar facebook di blog tinggal liat aja tutorial dibawah ini.
Kalau bener mau ikutin tutorial selanjutnya
b.Login dulu ke blogger
c.Edit html
d.Jangan lupa “ expand widget template “ dicentang
Kalau udah, agan cari kode dibawah ini (cari yang paling terakhir karena biasanya lebih dari 1)
<data:post.body/>
Kalau kesulitan nyari nya, pake CTRL + F biar lebih cepet.
Kalau kode diatas udah ketemu copy kode dibawah ini dan paste dibawah kode TADI
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'YOUR_APP_ID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/id_ID/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'YOUR_APP_ID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/id_ID/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments expr:xid="data:post.id" expr:href='data:post.url' migrated='1' notify='true' numposts="10" width="480" publish_feed="true"></fb:comments>
</b:if>
</b:if>
sebelum dimasukkin scriptnya, ganti Dulu YOUR_APP_ID dengan ID yang udah kamu bikin tadi..
10 itu jumlah post dan 480 adalah panjang ukurannya
f.lihat hasilnya
selamat mencoba.
0 comments:
Post a Comment