Sabtu, 02 November 2013

Cara memasang plugin comment facebook di blog

tips ini diambil dari Blog : 
http://kajetz.blogspot.com/2011/06/cara-memasang-plugin-comment-facebook.html

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.


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="cekau.com" num_posts="30" width="480"></fb:comments>

5. Kode yg bewarna merah ganti dengan kode ini :

expr:href='data:post.url'

6. Kodenya akan 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="30" width="480"></fb:comments>

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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="30" width="480"></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. ceklis expand template widget.
c. cari kode ini:

<div class="post-footer-line post-footer-line-3">

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

<div class='post-footer-line post-footer-line-3'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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="30" width="480"></fb:comments>
</b:if >
</div>a


9. Setelah dipastikan semua kode ditutup dengan benar, Save template lihat blog anda.


semoga bermanfaat. . . . .

Read more: http://kajetz.blogspot.com/2011/06/cara-memasang-plugin-comment-facebook.html#ixzz2jSONzZZS

Tidak ada komentar:

Posting Komentar