chatting! ()
expr:class='"loading" + data:blog.mobileClass'>
Get Gifs at CodemySpace.com TO SUPARDI MEMANG TEGUH

Kamis, 30 Agustus 2012

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

Tidak ada komentar:

Posting Komentar

untuk foto:[img]url gambar[/img] Jika Video:[youtube]URL Video[/youtube]
Jika kata - kata mutiara:[blockquote]Kata-kata Anda[/blockquote]
Anda juga bisa menggunakan emoticon seperti biasa. koment di sini v