CARA MEMASANG KOTAK KOMENTAR FACEBOOK RESPONSIVE DI BLOG

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 :

• Buka blog yang akan anda pasang kotak facebook
• Selanjutnya dibagian Menu di samping kiri pilih Template 
• Lalu dibagian template tersebut, silahkan anda klik Edit Html
• Carilah Kode berikut pada kerangka template anda, untuk mempermudah pencarian silahkan anda gunakan fitur find yaitu dengan menekan tombol Ctrl + F dan bila anda menemukan kode ini lebih dari satu maka silahkan anda pilih kode yang paling akhir.

<div class='comments' id='comments'>

• Bila anda sudah menemukan kode diatas, selanjutnya copy kode dibawah ini, lalu pastekan tepat di bawah kode <div class='comments' id='comments'> yang sudah anda temukan tadi.

<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 :)

Share this post