Mohon komentar di sini ()

Halaman

WELLCOME

11 Mei 2012

Komentar FB di Blog

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






baca selengkapnya di http://megahnandaofficial.blogspot.com/2012/04/cara-memasang-komentar-facebook-keren.html

Tidak ada komentar:

Posting Komentar