Minggu, 30 Juni 2013

Memasang Kolom Komentar FB

Print Friendly and PDF







1.     Pastikan Anda telah memiliki akun FB. Kunjungi: https://developers.facebook.com/apps/
2.       Lakukan registrasi dengan mengklik tombol Register as a Developer.
3.       Centang bagian kiri bawah ( I accept…..) dan klik lanjutkan.
4.       Klik lanjutkan lagi.
5.       Anda akan menerima pemberitahuan kalau anda telah menjadi developer. Klik Done.
6.       Klik + Buat Aplikasi Baru
7.       Isikan Nama Aplikasi, yang lain tidak wajib diisi karena bersifat Optional, klik Lanjutkan.
8.       Isi Pemeriksaan Keamanan, klik Lanjutkan.
9.       Catat nomor App ID anda, App Domains isi dengan : blogspot.com
10.   Klik Website with Facebook Login, isikan Site URL dengan alamat blog anda misalnya http://joenzdemak.blogspot.com
11.   Klik Simpan Perubahan jika sudah selesai.
12.   Kunjungi halaman Edit HTML di Blogger. Cari kode: <head>
13.   Copy dan paste-kan kode berikut dibawah kode <head>
<meta content='Username FB Anda' property='fb:admins'/> 
<meta content='App ID Anda' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
Username terletak setelah https://www.facebook.com/. Sebagai contoh, bila keseluruhan URL adalah https://www.facebook.com/junaidi.cakep, maka username yang dimaksud adalah : junaidi.cakep
14.   Cari lagi kode: class=’comments’
15.   Copy dan pastekan kode berikut dibawah paragraph kode class=’comments’
<div class='js-default-tab comments-tab' id='fb-comments' title='Beri komentar dengan akun Facebook Anda'>
<fb:comments-count expr:href='data:post.url'/> Komentar Facebook
</div>
<div class='comments-tab' id='blogger-comments' title='Beri komentar dengan akun Blogger Anda'>
<data:post.numComments/> Komentar Blogger
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='10' width='640'/>
  </b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

16.   Selamat mencoba, semoga berhasil.

Daftar Pustaka
Lea Willsen. 2013. 50 Trik Modifikasi Blogger-Blogspot. Jakarta: PT Elex Media Komputindo.

0 Comments
Tweets
Komentar

Tidak ada komentar:

Posting Komentar