'Plugin facebook comment' untuk blogger.

Hello! kopi ke milo?

okeh.

pada hari ini, guwa nak ajar semua macamana nak letak facebook comment kat blog korang yang sememangnya dah semart tu. dah la semart, pastu letak pulak gambar gambar korang pakai shawl yang lawa lawa tu (awek sahaja), memang tiptop. tergoda kadang kadang bhai.

akan tetapi, sebelum guwa memulakan bual bicara guwa, korang tau ke apa tu facebook comment? tau tak binatang apa facebook comment ni? bintang yang berkaki 3 ke? berkaki 9 ke? atau adakah dia merupakan manusia yang akan bertukar menjadi harimau jadian bila muncul malam purnama akibat permutasian bahan bahan kimia terlampau?

eleh, korang ni bukan pandai sangat IT pon kan? kihkih.


hah, gambor kat atas ni la merujuk kepada facebook comment yang guwa gebang korang kat atas. nak senang lu tengok je kat blog guwa ni, contoh dah terang terang guwa bagi dah.

ada setengah orang pakai disqus, ada yang pakai blogger widget macam macam. yang oldskool pulak pakai blogger komen yang biasa je, lebih mudah. tapi bagi guwa, guwa suka lagi pakai facebook komen. senang. orang komen kat blog, tak sampai 1 saat dah sampai notification kat fesbuk. tak ke best camtu?

lagi lagi tuk korang korang yang online fesbuk 25 jam sehari tak reti reti nak log out kan? macam guwa taktau. ces.

okay, dari guwa bebel panjang panjang. jom kita start.

Step 1 : Daftar facebook application.
1) Pergi ke link ini untuk create application korang. korang letak lah nama sesukahati korang dan klik "Create App".


2) Langkah seterusnya korang klik "Website".
3) Untuk site url, korang letak link blog korang. (cth:http://khairulanuarazman.blogspot.com/)
4) Untuk site domain pulak korang letak domain blog. untuk pengguna blogspot, letak "blogspot.com". dan save.


5) korang akan nampak App ID kan? okay save no App ID tu. tu no yang penting yang kita akan guna lepas ni. okay jangan degil. guwa tarik hidung kang.

Step 2 : Letak kod pada blog.
1) Pergi sign in kat http://draft.blogger.com.
2) Tekan Design > Edit Html > Expand Widget Templates.
3) letak jari jemari kat keyboard, tekan "ctrl+F". taip "<body>"; dan tekan Enter.
4) Sejurus selepas "<body>", paste code dibawah.

<!-- Facebook SDK script Code -->
<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : 'YOUR APPID',
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml  : true  // parse XFBML
         });
    FB.Event.subscribe('comments.create', function(response) {
  // do something with comments.create like notify me when new comment
});
    FB.Event.subscribe('edge.create', function(response) {
  //do something with edge.create like notify me when someone likes something
});
  };
    (function() {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>
<!-- End SDK script Code -->
5) Tukar YOUR APPID kepada no App ID korang. save template.

Step 3 : Letak plugin comment.
1) Yang ni sukahati la korang nak letak mana. kat atas post boleh. kat tepi post boleh. tapi selalunya orang akan letak kat bawah post la kan? ye dak.
2) Pergi Design > Edit Html > Expand Widget Templates.
3) Taip data:post.body dan tekan Enter.
4) Paste kode dibawah.

<fb:comments expr:href='data:post.url' num_posts='5' width='575'/><center><p>Facebook Comment Source : <a href="http://khairulanuarazman.blogspot.com/2011/04/plugin-facebook-comment-untuk-blogger.html">Saya Khai, Jadi?</a></p></center>




5) Save dan selesai. 




Mudah gila kan? guwa dah cakap senang, degil.

Facebook comment ni ada jugak keburukan dia, macam untuk yang takde akaun facebook, takleh la nak komen mengomen. eh? ada lagi ke manusia yang takda akaun fesbuk ek?

kalau ada apa apa masalah. jangan la malu atau segan untuk tanya guwa.sekian terima kasih daun pandan.





Sila Mengomen.