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='&quot;loading&quot; + 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 == &quot;item&quot;'><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>
 yang iema warna kan biru, korang boleh ubah warna background untuk kotak komen facebook korang toe
 kalau tax nax ade background, korang letax 'transparent'
 dah siap, preview dulu
kalau tax ade pape error, boleh save
 lepas toe korang boleh la bukak mane2 entry korang tengox hasilnya

selamat mencuba 

2 comments:

xxxxvb said...

menarik dear..akak nk try..pndi iema..

iema said...

@Azuria Abdullah hihi
thanx...
bley try ^^