Wednesday, June 15, 2011

Cara memasang plugin comment facebook di blog





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. . . . .

Artikel Terkait:

  • Share this
  • Sumbit to Digg
  • Sumbit to StumbleUpon
  • Sumbit to Delicious
  • Sumbit to Technorati
  • Sumbit to Reddit
  • Sumbit to Mixx
  • Sumbit to Twitter
  • Sumbit to Furl
  • Sumbit to Design Float
  • Sumbit to Blinklist
  • Sumbit to Yahoo Buzz
  • Sumbit to Google Bookmarks

4 comments:

Anonymous said...

:l:

Tyas Satria Stz 6033 .Prs said...

Makasih banget nih info'a berhasil om :h:

griyo creative said...

makasih inpohnya :h:

ertiga family said...

dicoba ya om :l: makasih infonya . .

blog walking http://arapotter.blogspot.com/ :D

Post a Comment

Silahkan anda berkomentar, tapi jangan nyepam . . . .