Posts Subscribe to This BlogComments

Follow Us

Cara Memasang Komentar Facebook Keren di Blog

Cara Memasang Komentar Facebook Keren di Blog
Sering lihat kotak komentar Facebook di web-web kan? nah ini saya buatkan script untuk membuat kotak komentar Facebook yang lebih keren, karena ada animasi-animasinya :D



pertama, kalau belum pernah pasang JQuery, pasang dulu, kalau di blogger, buka menu template, klik edit html, lalu proceed. pastekan kode di bawah ini setelah <head> :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
Cara Memasang Komentar Facebook Keren di Blog

langkah ke dua, pasang kode snippet asli dari Fb ini, pas setelah tag <body>,
tips: gunakan CTRL+F lalu ketik "<body" (tanpa petik dan tanpa tanda lebih dari), lalu pasang kode sbb dibawahnya:
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&amp;appId=434722713220317";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Cara Memasang Komentar Facebook Keren di Blog

nah dibawah kode snippet dari fb yang barusan Anda pasang, tambahkan kode berikut:
<script src='http://megahnanda-fb-comment.googlecode.com/files/megahnanda-fb-comment-fix.js' type='text/javascript'></script>
<div class="komenBawah">Mohon komen di sini!
(<fb:comments-count href="http://megahnandaofficial.blogspot.com"></fb:comments-count>)
</div>
<div class="komenBox">
    <button class="komenBoxSembunyikan">Sembunyikan</button>
    <div class="fb-comments" data-href="http://megahnandaofficial.blogspot.com" data-num-posts="5" data-width="483"></div>
</div>


Catatan: 2 url yang saya bold itu, ubah dengan url blog Anda.

langsung saja klik save, dan cek blog Anda. keren kan Facebook comment box nya..



2 komentar:

  • 3 Juni 2012 pukul 08.23 Reply

    http://megahnandaofficial.blogspot.com sumber <<

  • 6 Juli 2012 pukul 14.09 Reply

    Aw Itu Maksutnya Apa?

  • Posting Komentar