Tuesday 10 July 2012

Tutorial - Cara nak buat kotak komen FB pada Blog Anda ..

Terdapat banyak tutorial dari encik Google jika anda rajin mengGoogle yang mengajar tentang cara nak buat "comment box facebook"  untuk blog. Oleh kerana hari ini aku terlebih rajin, so.. aku nak ajar korang cara nak buat benda tu.

Jadi, ikut langkah - langkah berikut .

Langkah 1
Untuk mengelak blog korang bermasalah, mana tau kan..tengah nak buat tu tetiba terdelete ker... sila download dahulu coding template anda untuk backup.. sebab coding menggunakan b:if , so, kalau preview pun tak nampak, sebab kena bukak entri dahulu..


Langkah 2
klik ---> sini  , isi apa yang diminta dalam facebook developer tuh... kemudian create app, dan Jangan tutup dulu yer......


Langkah 3
-bukak dashboard
-template
-edit html
-tick expand widget template
-ctrl + f , akan muncul satu box, di atas kanan
-dalam kotak .. taip post-footer-line-3
-di bawah code tersebut ada </b:includable>
-coding akan di paste di atas garisan </b:includable>


Langkah 4

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#appId=ID APLIPAKSI&amp;xfbml=1'/><fb:comments colorscheme='light' expr:href='data:post.url' num_posts='1' width='550'/>
</b:if>


-copy code di atas dan paste ikut Langkah 3
-gantikan ID APLIKASI di dalam code di atas dengan id aplikasi/App ID/API key yang dah dapat dari STEP 1 tadi ni..

SAVE CHANGE... JANGAN TUTUP...


Langkah 5

Open new tab, dan taip url blog anda, klik salah satu entri..
Taadaa ... siap...


Optional
 kalau nak komen box yang gelap..boleh bermain dgn benda ni ...ubah light menjadi dark

1 ialah bilangan komen yang akan ditunjukkan di setiap post.. ubah la berapa nak..

Jangan lupa berkunjung ke facebook kami yerr... wassalam... like..like...like...

No comments:

Post a Comment