Cara Gampang Membuat Kotak Komentar Facebook di Blog

Sigli Net- Dengan memasang kotak komentar facebook di blog, pengunjung blog tidak akan susah lagi berkomentar jika mereka tidak mempunyai akun google, dan kotak komentar tersebut juga berfungsi untuk menaikkan traffic like fanspage anda!

Cara Membuat Kotak Komentar Facebook di Blog sangatlah mudah, berikut caranya:

Anda kunjungi https://developers.facebook.com/docs/plugins/comments
Isi semua kolom seperti width dan number of posts
Jika langkah di atas telah selesai klik get code
Copas kode yang pertama dan letakkan di bawah tag <body>

5. Simpan template

Cara di atas sudah saya terapkan dan work!

Namun jika tidak work di template anda maka gunakan cara berikut:

1. Login ke akun blogger anda

2. Pada Dasbor blog anda, masuk ke Template, Lalu pilih Edit HTML
3. Cari Kode : <div class='comments' id='comments'>
4. Copy Kode Script yang ada di bawah ini, dan selanjunya Pastekan tepat di bawah Kode : <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>

<style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

NB: Ganti tulisan warna biru dengan ID Fanspage anda, kalau belum tau yang mana ID Fanspage anda Baca ini http://siglinet.blogspot.co.id/2015/07/cara-mengetahui-id-facebook-dan.html