Wednesday, June 15, 2011

Browse » » Cara memasang plugin comment facebook di blog » » Cara memasang plugin comment facebook di blog

Cara memasang plugin comment facebook di blog

10:21 AM Kajetz 4 comments





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

Posted in: ,

4 comments:

Anonymous said...

:l:

June 17, 2011 at 8:30 AM
Tyas Satria Stz 6033 .Prs said...

Makasih banget nih info'a berhasil om :h:

June 19, 2011 at 9:38 AM
griyo creative said...

makasih inpohnya :h:

November 2, 2012 at 11:01 PM
ertiga family said...

dicoba ya om :l: makasih infonya . .

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

February 7, 2013 at 5:29 PM

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l:

Post a Comment

Silahkan anda berkomentar, tapi jangan nyepam . . . .