TUTORIAL: Kotak Komen Facebook Untuk Blogger

Tutorial kali ini aku dapat di AllBlogTools. So, aku nak share dengan korang yang berminat. Tutorial dan hack untuk letakkan kotak komen seperti di Facebook. Hanya untuk Blogger blogspot. Seperti gambar di bawah:


Caranya mudah.

1) Korang perlu "matikan" kotak komen default untuk blogger. Pergi ke Settings >> Comments dan setkan "hide". Then save.

2) Pergi ke Facebook Developers untuk create application bagi mendapatkan ID.


Di situ, korang isikan:
Site name:
Site URL:
Locale:

dan kemudian klik "Create Application". Akan keluar page seperti di bawah:


Copy nombor ID aplikasi tersebut.

3) Copy kod di bawah dan korang perlu edit sedikit untuk kesesuaian blog korang.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;ID APLIKASI&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/en_US/all.js&#39;;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments width='450' xid='NAMA KOTAK KOMEN'/>
</b:if>

ID APLIKASI:No ID aplikasi yang korang dapat di Facebook tadi
450: Kelebaran kotak komen ikut blog korang
NAMA KOTAK KOMEN:  Nama ni ikut suka korang. Boleh guna blog korang, nama korang. Apa saja tetapi jangan ada space antara nama.

4) Dah selesai edit, copy semua kod tersebut dan korang pergi ke Dashboard >> Layout >> Edit HTML dan pastikan "Expand Widget Templates" di tik. Cari tag:
<data:post.body/>
Kemudian masukkan kod yang dicopy tadi SELEPAS tag tersebut.Preview atau klik save jika tiada kesilapan. Walaaaaaa..siap!!!
Mudah kan? Try it for yourself. Nak demo, klik kat SINI. Try komen. Kotak komen ini juga boleh auto post komen korang ke wall profile korang di Facebook.


Comments

  1. Wonderful article! We will be linking to this particularly
    great post on our site. Keep up the great writing.


    Look into my weblog; companies that buy your house

    ReplyDelete
  2. Thanks Infonyaa jangan lupa mampir di www.v-max1.com yah,salam kenal smuaa..
    smoga bermanfaat

    ReplyDelete
  3. Terima kasih untuk info ni ya ;)

    Sekiranya sesiapa nak buat website untuk syarikat atau bisnes diri sendiri bolehlah rujuk www.perkhidmatan-lamanweb.operion.com.my untuk mendapat info yang selanjutnya :D

    Sharing is caring

    ReplyDelete
  4. It's very helpful to me.. Thank you!

    ReplyDelete

Post a Comment

Popular Posts