Facebook Plugin 2016 - Cara memasang kotak komentar facebook responsive disamping kotak komentar blogger. Kali ini saya akan memberikan tutoral bagi anda yang menggunakan blog yaitu menambahkan kotak komentar facebook di blog. Salahsatu media sosial yang paling besar dan populer adalah facebook, hampir semua kalangan usia memakai media sosial ini untuk berinteraksi, baik anak yang masih dibangku sekolah sampai orang tua yang sudah memiliki banyak cucu.


Sudah banyak tutorial yang membahas mengenai komentar facebook di facebook, tetapi ada beberapa yang sudah saya coba dan sudah tidak bisa terapkan diblog, oleh karena itu saya akan memberikan tutorial yang pastinya bisa anda gunakan tanpa masalah karena sudah saya coba terlebih dahulu. Selain responsive, komentar ini juga tersedia fitur moderation tools sehingga anda akan lebih mudah dalam memanage komentar.

Berikut adalah tahapan memasang kotak facebook di blogspot :

<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</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='auto'/></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>

• Untuk text 'ID Facebook Sobat ' yang berwarna merah, silahkan anda ganti dengan appid facebook sobat, tapi sebelumnya silahkan anda buat App facebook di https://developers.facebook.com/apps.

• Id facebook itu digunakan untuk menentukan akun facebook yang akan digunakan menjadi moderatur, seperti pada gambar diatas, terdapat bagian Moderation Tool jika anda sedang membuka facebook yang anda jadikan moderator.

Selamat Mencoba :)