 |
| LIVE DEMO |
Ok, tidak perlu basa - basi lagi, langsung saja. Cekidooot...
1. Login blog -> Template.
2. Edit HTML -> Procced/Lanjutkan.
3. Centang expand template widget.
4. Cari kode <head>
6. Letakkan kode dibawah ini, di bawah kode <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>7. Selanjutnya, cari kode <body
8. Copas kode dibawah ini, lalu letakkan dibawah kode <body
Privew :
<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>
*Bila kode <body tidak ada, cari kode <body>
<script src='http://megahnanda-fb-comment.googlecode.com/files/megahnanda-fb-comment-fix.js' type='text/javascript'></script>NB : Kode berwarna biru adalah tombol untuk membuka widget. Kode berwarna kuning garis bawah adalah nama tombol close.
<div class="komenBawah">FB Comments
(<fb:comments-count href="http://domain_anda.blogspot.com"></fb:comments-count>)
</div>
<div class="komenBox">
<button class="komenBoxSembunyikan">Sembunyikan</button>
<div class="fb-comments" data-href="http://domain_anda.blogspot.com" data-num-posts="5" data-width="483"></div>
</div>
10. Save template.
Good Luck!! :)
Percobaan.. test test ...
[youtube]http://www.youtube.com/watch?v=El3IZFGERbM[/youtube]