Cara Menambahkan Komentar Facebook Pada Blog

Pada kesempatan kali ini saya akan membagikan Tutorial Blog tentang Cara Menambahkan Komentar Facebook Pada Blog. Tutorial ini sangat berguna bagi pengguna blogger. Karena tidak semua pengunjung blog selalu mempunyai akun blogger. Oleh karena itu saya akan membagikan tutorial ini. Siapa yang tidak tahu Facebook ya. Facebook seakan menjadi kebutuhan pokok setiap orang dan yang pasti setiap orang mempunyai facebook bahkan sampai ada yang mempunyai akun facebook lebih dari 1. Tak usah berpanjang lebar Ikuti perintahnya

1. Login ke Blogger Anda
2. Pilih menu template lau edit html
3. Cari kode ]]></b:skin> (Agar lebih mudah Gunakan Shortkey CTRL+F)
4. Lalu Copy kode dibawah ini dan Letakkan tepat diatas kode ]]></b:skin>

.comments-page { background-color: #fffff;} 
#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;}

      5. Copy kode dibawah ini
      6. Letakkan tepat diatas kode </head>

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

      7. Ganti ID Facebook Anda dengan id facebook anda

      8. Kemudian setelah langkah diatas sudah selesai 

      9. lanjut Copy lagi kode dibawah ini 

    10. Letakkan tepat dibawah  <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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 With Facebook 
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments With Blogger
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='5' width='650'/>
    <div style='color:##000000; background-color:##ffffff;border: solid 1px #ffff; font-size:10px; padding:3px; width:700px;'>Facebook Comments by 
      <b><a href='http://fadhlifirmansyah.blogspot.com/2014/12/cara-menambahkan-komentar-facebook-pada.html' style='text-decoration:underline; color:#fffff;' target='_blank' title='Ayo Buat Komentar Facebook Anda'>Fadhli Firmansyah</a></b>
</div>
    </b:if>
    </div>

    <div class='comments comments-page' id='blogger-comments-page'>

      11. Setelah selesai lalu Simpan Template
      12. Selamat blog anda sekarang terdapat komentar facebooknya