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'/>
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&appId=434722713220317";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
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