CARA MEMASANG KOTAK KOMENTAR FACEBOOK RESPONSIVE DI BLOG
KampusCAD Tutorials:
KampusCAD tutorials
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.
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("#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='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.
CARA MEMASANG KOTAK KOMENTAR FACEBOOK RESPONSIVE DI BLOG 
Reviewed by on 20:28:00 Rating:
Reviewed by on 20:28:00 Rating:
Saya coba dulu gan. Semoga berhasil
ReplyDeletewah ... terimakasih gan caranya :D sekarang mungkin pengunjung yang lewat bisa berkomentar dengan mudah lewat facebook :D
ReplyDeleteberbeda sama yg gue, lebih enak ini.. :D
ReplyDeletemantap gan
Wah mantav nih gan, udah responsive jadi ga usah utak atik cssnya lagi.
ReplyDeleteHehehe.. Kebetulan ane udah pake evo magz jadi udah ada kotak komentar facebook, jadi gak perlu otak atik nih..
ReplyDeletewah bagus nih,,soalnya blog ane diversi mobile tidak responsiv,,jadi menemukan solusi nih,,,thanks sobat..
ReplyDelete