Tuesday, November 8, 2011

Cara Nak Letak Facebook Comment Di Setiap Entry

Pasti ramai yang masih tak tahu bagaimana cara nak letak kotak fb komen di bawah entry. Kotak fb komen adalah seperti di bawah.


Step 1:

Pergi ke Dashboard > Setting > Comment > Tukar Show Comment kepada Hide.


Step 2:

Buat fb app di SINI, kemudian klik Create New App button.

Masukkan apa-apa nama di sini dan tekan continue.

Jika keluar Captcha verification, taip Captcha tersebut dan klik submit button.

Sekarang anda berada di Setting App.
(isi ruang seperti dalam gambar)

Step 3:

Pergi ke Template/Design > Edit HTML and click di “Expand Widget Templates” > cntrl F > <head>.

Kemudian ubahsuai kod dibawah dengan memasukkan app ID anda dan paste dibawah <head>.

<meta content='YOUR_FACEBOOK_APPLICATION_ID' property='fb:app_id'/>

Seterusnya Save Template.

Step 4:

Pergi ke Template/Design > Edit HTML and click di “Expand Widget Templates” > cntrl F

Dan paste kod dibawah,

<div class='post-footer-line post-footer-line-3'>

Jika tak jumpa kod diatas, paste kod ini pula,

<p class='post-footer-line post-footer-line-3'>

Jika tak jumpa juga, paste kod ini,

<data:post.body/>

Kemudian paste kod dibawah ini dibawah kod yang anda cari sebentar tadi,

<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/>
</b:if>

Width boleh ditukar ke saiz pilihan anda. Tukar light kepada dark mengikut kesesuaian blog.

Step 5:

Cari <html dan gantikan <html dengan kod di bawah,

<html xmlns:fb="https://www.facebook.com/2008/fbml"
Step 6:

Save Template !

Perhatian: Komen tidak keluar di home page, anda perlu tekan entry anda dahulu.

heyyyy,,,anda berjaya..

Jika menjadi, tekan like, jika ada pertanyaan, jangan malu2 untuk bertanya.

selamat berblogging !

Entri Rakan Blogger