Cara Memasang Social Plugin Facebook Comment ~ sc4you

Sabtu, Juli 30, 2011 in Tips Trik

1. Buka Link ini http://developers.facebook.com/docs/reference/plugins/comments/

2. Akan terlihat seperti gambar dibawah, isi kolom sesuai dengan yg diinginkan.
-URL, isi dengan alamat blog anda.
-Number of Post , isi dengan jumlah koment yg ajan tampil.
-Width, isi dengan ukuran lebar kotak komentar fb (pixel).
-Color Scheme, pilih warna, terang/gelap.

3. Setelah klik get code akan terlihat kode seperti gambar ini, Copy code tersebut lalu simpan ke Notepad, karena ada beberapa kode yang akan kita tambahkan.

4. Kode yang anda dapat akan persis seperti ini:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:comments href="http://sc4you.blogspot.com" num_posts="30" width="480"></fb:comments>

5. Kode yg bewarna merah ganti dengan kode ini :

expr:href='data:post.url'

6. Kodenya aka jadi seperti ini:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:comments expr:href='data:post.url' num_posts="10" width="500"></fb:comments>

7. Lalu tambahkan kode untuk membuat fb comment ini hanya tampil di halaman posting.

<b:if cond='data:blog.pageType == "item"'>

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:comments expr:href='data:post.url' num_posts="10" width="500"></fb:comments>
</b:if >

8. Setelah kode seperti yang terlihat pada point 7, saatnya kita menempatkan kode tersebut pada template blogspot anda.

a. buka perancangan edit html.
b. ceklist expand template widget.
c. cari kode ini:

d. paste kode fb comment tepat dibawah kode diatas. hasilnya akan seperti ini:

<b:if cond='data:blog.pageType == "item"'>

JIKA KODE DITEMPLATE ANDA MEMILIKI TANDA " / " diujungnya seperti ini:

MAKA ANDA HARUS MENGHAPUS TANDA " / " Lalu menambahkan Penutup:

JADI SEPERTI INI:

KODE FB KOMENT