blogiema: Tutorial Letak Kotak Komen Facebook Setiap Entry

hye...

sebelum nie iema pernah letax kotak komen facebook setiap entry

contoh gambar di atas

kotak komen facebook nie senang bagi yang tax ade akaun blog

sape2 pun boleh komen kat sini asalkan ade akaun facebook la kan

meh follow tutorial nie

P/S : nax copy, highlight dan guna ctrl + c

KLIK SINI dulu

akan keluar kotak nie

korang isi 'App Name'

ape2 name pun boleh letax

lepas toe klik 'Continue'

keluar kotak nie pulax

isi word verification toe dan klik 'Continue'

korang akan perasan 'App ID/API Key' toe

korang copy nombor yang banyak2 toe kat notepad k

seterusnya pergi blog korang -> Template -> Edit HTML -> Tick Expand Widget Templates

ctrl + f, cari kod nie

<body expr:class='"loading" + data:blog.mobileClass'>

dah jumpe, copy dan paste kod nie di bawah kod yang di cari tadi

<div id="fb-root"></div>

<script>

window.fbAsyncInit = function() {

FB.init({

appId : 'LETAK APP ID/API KEY KORANG TADI',

status : true, // check login status

cookie : true, // enable cookies to allow the server to access the session

xfbml : true // parse XFBML

});

};

(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>

korang preview dulu

kalau tax ade pape error teruskan dengan tutorial nie

ctrl + f, cari kod nie

<data:post.body/>

copy dan paste kod nie di bawah kod yang di cari tadi

<b:if cond='data:blog.pageType == "item"'><center><div style='background:#000000;border-radius:15px;'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<div><fb:comments width='450px' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/></div></div></center>

</b:if>