Cara Menambahkan Kolom komentar Facebook Pada Blog dan Website

Juli 11, 2017

Plugin Komentar Facebook- Jika melihat pengguna akun sosial facebook di Indonesia bahkan dunia menggunkan plugin Kolom Komentar facebook sangat besar manfaatnya bahkan bisa di bilang wajib untuk memakai di blog, website bahkan web toko online . 

Di Indonesia pengguna aktif bulanan facebook mencapai 88 juta di tahun kemarin (tekno.kompas). Bagi pelaku bisnis online memasang plugin Facebook akan sangat membantu terutama bagi para pengunjung walaupun hanya sekedar menanyakan, intinya rata-rata pengguna akun facebook lebih dominan dari pada google plus, email dan lainya.

Manfaat Kolom komentar Facebook Pada Blog dan Website:
1. Fast respon
2. Mudah digunakan
3. Menjalin komunikatif
4. Loading plugin ringan
5. Keuntungan direct trafik
6. yang terpenting Lebih memanjakan pengunjung dengan kemudahan memberikan tanggapan

Berikut cara menambahkan Kolom komentar Facebook pada Blog dan website :  

Langkah-langkah yang harus dilakukan adalah :
1. Masuk pada bagian Dasbor blog klik bagian Template, Lalu pilih Edit HTML

3. cari <div class='comments' id='comments'> jika sulit gunakan control + F untuk mencari dan pastekan

4. Copy atau salin Kode Script yang tertera di bawah ini, dan selanjunya Pastekan tepat di bawah Kode : <div class='comments' id='comments'>

5. Biasanya ( <div class='comments' id='comments'> ) terdapat dua bagian PILIH yang PERTAMA

<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='550'/></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='XXXXX' 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>


Catatan:

a. Ganti XXXXX dengan Id Fans Page Facebook yang saudara punya.

b. Cara melihat Id Fans Page adalah: Masuklah ke Halaman Facebook Anda, lalu masuk lagi ke Pengaturan, Lihat Info Halaman, lalu lihat paling bawah ID Halaman Facebook : 10026565009xxxx atau copy alamat di Url Fans page saudara.

c jika saudara tidak punya Halaman Facebook saat ini, Anda tidak perlu mengganti tulisan IDFANPAGEFACEBOOK di atas (saran sih gunakan Halaman Facebook) abaikan saja. Gunakan saja Kode Script di atas apa adanya.

d. Ukuran atau panjang Kolomo Komentar Face book sesuaikan dengan Ukuran Blog saudra sendiri. Silahkan ganti angka yang berwana Ungu di atas. (width='550')
6.  Klik Save dan lihat blog

Sekian  Cara Menambahkan Kolom komentar Facebook Pada Blog dan Website, semoga bermanfaat salam MASYIS Your Dreams and Spirit

Sumber pendukung :

Bos-tutorial

Artikel Terkait

Previous
Next Post »