Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memasang Kolom Komentar Facebook di Blog Responsive

Cara Memasang Kolom Komentar Facebook di Blogger Responsive


Cara Memasang Komentar Facebook Blogger

Dewasa ini banyak sekali para Blogger yang terobsesi untuk memasang kolom komentar Facebook pada blog mereka.

Alasannya tak lain adalah karena berkomentar di blog menggunakan akun Facebook dianggap lebih mudah dilakukan dibandingkan ketika kita harus berkomentar melalui situs pihak ketiga lainnya.

Selain itu kolom komentar Facebook dinilai lebih familiar dan user friendly bagi sebagian pengunjung blog.

Sudah bukan menjadi rahasia umum jika Facebook diketahui sebagai jejaring sosial sejuta yang paling banyak digunakan umat manusia.

Data menunjukkan bahwa saat ini jumlah pengguna Facebook terdaftar tembus sampai 2,38 M di seluruh dunia sedangkan untuk pengguna di Indonesia sendiri telah mencapai 120 juta user terdaftar. Jadi hampir setengah penduduk Indonesia mempunyai akun Facebook.

Oleh karena itu maka tak heran jika banyak  Blogger yang ingin menggunakan fitur kolom komentar Facebook langsung pada situsnya.

Hal tersebut dilakukan dengan tujuan tak lain ialah untuk mempermudah interaksi antara pengunjung dengan admin maupun antar sesama pengunjung situs.

Ketika pengunjung memberikan komentar di blog melalui form komentar Facebook. Maka kita sebagai pemilik blog tentu akan lebih mudah untuk menanggapinya komentar-komentar yang masuk.

Untuk itu blog Droidide akan memberikan tutorial tentang cara membuat dan memasang kolom komentar Facebook di Blogger.

Sebelumnya ada pernyataan dari beberapa teman Blogger saya, bahwa memasang kolom komentar Facebook tidak berguna dan hanya akan memberatkan loading blog saja.

Baca Juga: Cara Mengatasi Kolom Komentar Blogger Yang Hilang

Kalau menurut opini pribadi saya, pernyataan diatas tidak sepenuhnya benar. Mengapa?  Loading blog berat itu bukan hanya disebabkan oleh script yang terpasang pada template saja melainkan ada penyebab lainnya seperti kurangnya optimasi gambar dalam artikel.

Namun kalian tidak perlu khawatir terkait hal tersebut. Karena di blog Droidide akan memberikan kode script pemasangan komentar Facebook yang responsive serta user friendly untuk semua visitor blog.

Script yang akan saya bagikan telah disesuaikan agar ramah untuk semua pengunjung khususnya pengunjung yang mengakses lewat ponsel atau mobile. Berikut tutorialnya sebagai berikut.

Baca Juga: Cara Memasang Lazy Load Iklan AdSense di Blogger


Cara Pasang Kolom Komentar Facebook di Blogger



1. Login ke akun Blogger Anda masing-masing.

2. Kemudian pergi ke bagian template lalu tambahkan beberapa kode script di bawah ini dengan benar.

<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>

Simpan kode script di atas tepat dibawah <head> atau &1t;head&gt;
Jangan lupa untuk merubah kode Facebook sesuai dengan Id Facebook kalian.

3. Berikutnya,  silakan tambahkan kode script di bawah ini dan letakkan sebelum tag </head> atau &1t;/head&gt;&1t;!--<head>--&gt;

<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
 var url = location.protocol+'//'+location.host+location.pathname;
  var containercm_width = $('#container-commentfb').width(); 
    $('#container-commentfb').html('<div class="fb-comments" ' +
    'data-href="'+url+'"' +
    ' width="' + containercm_width + '" data-num-posts="10"></div>');
    FB.XFBML.parse( ); 
  });
//]]>
</script>

4. Langkah terakhir, silakan masukkan kode script ini tepat di bawah kode <data:post.body/>  yang terdapat pada halaman post template kalian.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if>

Kode diatas merupakan kode untuk mengatur penempatan posisi atau letak kolom komentar Facebook di blog kita.

Baca Juga: Cara Menghilangkan Kode ?m=1 Pada URL Blogger

Dan untuk menambahkan Comment Count Facebook pada halaman indeks dan post. Silakan tambahkan kode di bawah ini pada markup post meta atau post info yang tentunya disesuaikan dengan template kalian masing-masing. Karena beda template tentu akan beda letaknya. Berikut kodenya:

<a expr:href='data:post.url + &quot;#fb-comment&quot;'><span class="fb-comments-count" expr:data-href='data:post.url'></span> facebook comments</a>

Bagaimana, mudah bukan? Cara Memasang Kolom Komentar Facebook di Blogger. Untuk para Blogger jangan ragu untuk memasang kolom komentar Facebook sebagai sarana meningkatkan interaksi pemilik situs dan pengunjung situs.

Semoga tutorial singkat ini dapat bermanfaat bagi kita semua. Terimakasih.