Music

Cara Nak Letak Facebook Comment Di Setiap Entry




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.


Share on Google Plus

About Halim

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment