Cara Membuat/Menambahkan Kolom Komentar Facebook Di Blog

Kita sebagai pengguna internet tentunya sudah tidak asing lagi mendengar kata blog, facebook ataupun twitter. Media-media social ini sering kita gunakan untuk keperluan pribadi kita. Misalnya saja blog, biasanya berisi artikel-artikel mulai dari kesehatan, pendidikan, otomotif, dan lain-lain. Di dalam blog tentunya kita juga bisa saling berkomunikasi antara owner/pemiliki blog dengan reader/pembaca. Akan tetapi, untuk dapat berkomunikasi di blog biasanya paling umum kita harus mempunyai akun google plus. Tentunya tidak semua orang mempunyai akun google plus. Maka dari itu, pada hari ini saya akan mengajarkan kepada Anda untuk membuat kotak komentar facebook di blog Anda, agar para pembaca yang tidak mempunyai akun google plus, bisa ikut berkontribusi di dalam blog Anda.

Facebook memang sebagai Social Media sedangkan Blogger adalah Pembangun Blog dengan platform gratis. Hubungan pembuatan komentar Facebook di Blogger, bukan untuk media promosi di social media melainkan menghubungkan konektivitas antara social media tersebut dengan blog kita.
Langsung saja berikut caranya.

1. Masuk ke blogger
2. Pilih template => edit html
3. Lalu cari kode <div class='comments' id='comments'> agar mudah silahkan cari dengan (CTRL+F) lalu copy dan paste script 

<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</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</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='2' width='400'/></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='ID Facebook Sobat ' 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>

Dan letak'kan script diatas tepat dibawah kode <div class='comments' id='comments'>.
4. Ganti Kata ID Facebook Sobat Dengan Angka ID Facebook Sobat.
5. Simpan, dan lihat hasilnya.

Terima Kasih, Semoga Bermanfaat ...............................