Cara Memasang Kolom Komentar Facebook di Blog Responsive

Cara Memasang Kolom Komentar Facebook di Blogger Responsive


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

Hal ini disebabkan karena berkomentar melalui Facebook di blog dianggap lebih mudah dibandingkan berkomentar melalui situs pihak ketiga lainnya. Selain itu kolom komentar Facebook dinilai lebih familiar dan user friendly untuk seluruh pengunjung blog.

Kini Facebook menjelma sebagai platform jejaring sosial sejuta umat dan paling banyak digunakan.

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. Angka yang fantastis bukan?

Bahkan dapat kita simpulkan bahwa hampir semua orang di dunia ini memiliki akun Facebook yang aktif.

Nah maka tak heran jika banyak Blogger yang ingin mengaitkan kolom komentar Facebook langsung ke blognya. Tujuannya tak lain ialah untuk mempermudah interaksi antara pengunjung dengan admin blog maupun antar sesama pengunjung blog.

Ketika pengunjung berkomentar di blog melalui form komentar Facebook yang telah terpasang maka kita sebagai admin blog tentu akan lebih mudah untuk menanggapinya sehingga akan menghadirkan diskusi terkait topik pada artikel pada blog kita tersebut.

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

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

Kalau menurut opini pribadi saya pernyataan diatas tidaklah sepenuhnya benar. Mengapa?  Loading blog berat itu bisa saja disebabkan karena ada masalah pada script kodenya yang dipasang sehingga mengakibatkan berkurangnya speed saat halaman diakses.

Namun kalian tidak perlu khawatir terkait hal tersebut. Karena di blog Droidide akan memberikan kode script pemasangan komentar Facebook yang responsive serta user friendly. Script yang akan saya bagikan telah disesuaikan agar ramah untuk semua pengunjung khususnya pengunjung yang mengakses lewat ponsel atau mobile. Berikut tutorialnya sebagai berikut.

1. Login ke akun Blogger masing-masing.

2. Pergi ke bagian template atau tema dan 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. Langkah selanjutnya,  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 ada 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.

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>

Nah cukup mudah bukan? Cara Memasang Kolom Komentar Facebook di Blogger. Semoga bermanfaat. Terimakasih.

3 Responses to "Cara Memasang Kolom Komentar Facebook di Blog Responsive"

  1. Bro, partneran blog kuy. Balas komentar ini kalo mau. Blog ane https://www.rifkimochamad.web.id/

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel