Facebook Comment For Blogger [Tutorial]

BAHAGIAN 1 : MENCIPTA APLIKASI FACEBOOK

1. log masuk ke facebook dan layari https://developers.facebook.com/apps dan klik butang ‘create new app

Facebook Comment For Blogger [Tutorial] 1

2. isikan nama bagi aplikasi facebook anda

Facebook Comment For Blogger [Tutorial] 2

3. Facebook akan memaparkan maklumat asas aplikasi anda

Facebook Comment For Blogger [Tutorial] 3

4. copy App ID dan namakan App Domain dan juga Website anda dan simpan perubahan!

Facebook Comment For Blogger [Tutorial] 4

5. Pergi ke Temlate/Design > Edit HTML kemudian paste kod berikut di bawah <head> seperti dalam screenshot

<meta content='APP ID ANDA' property='fb:app_id'/>
<meta content='ID FACEBOOK ANDA ' property='fb:admins'/>


Facebook Comment For Blogger [Tutorial] 5

6. Tandakan ‘Expand Widget Templates‘ atau kembangkan template widget  dan cari kod

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

dan paste kod berikut di atasnya

<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.canonicalUrl' expr:xid='data:post.id'/>
</b:if>

8. Simpan!

9. Cari <html

Facebook Comment For Blogger [Tutorial] 6

10. Gantikan kod tersebut dengan

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

Facebook Comment For Blogger [Tutorial] 7
8. Simpan perubahan dan Siap!

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.