Home
10/07/2012 07:35:00 AM
Unknown
Hai sobat Blogget semuanya, kalo sebelumnya saya pernah posting Cara memasang komentar facebook di bawah posting blog, maka pada kesempatan kali ini saya ingin menulis hal yang hampir sama, yaitu Cara memasang komentar facebook "Hide and Seek". Yang gimana tuh?? Liat aja gambar di atas.. Naaah.. udah tau kaan?? Sekarang langsung aja gimana cara buatnya. Let's cekidot!!
1. Pasang JQuery dulu. Caranya, buka menu template, klik edit html, lalu proceed. Copy dan paste kode di bawah ini setelah kode <head>.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
2. 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>
3. Di bawah 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://agopoenya.blogspot.com"></fb:comments-count>)
</div>
<div class="komenBox">
<button class="komenBoxSembunyikan">Sembunyikan</button>
<div class="fb-comments" data-href="http://agopoenya.blogspot.com" data-num-posts="5" data-width="483"></div>
</div>
4. Klik save, dan cek blog Anda.
Selamat mencogba! Good Luck!
Posted in: Tutorial Blog
2 Blogger
mantabs goo salam blogger jogja ajah
BalasHapusSiiip... masama pik..
BalasHapusKeep blogging!!