Cara Memasang Komentar Facebook Responsive di Blog

Komentar Facebook

Mungkin sobat blogger sekalian sudah pernah melihat sebuah blog yang menyematkan kotak komentar facebook, tujuannya tidak lain yaitu tentu saja sebagai fasilitas penjaring visitor dari media sosial terbesar itu.

Sekedar mengingatkan bahwa sebenarnya komentar facebook ini ada dua macam. Pertama, kotak komentar facebook  responsive dan tidak responsive. Yang saya maksud responsive di sini adalah kotak komentar facebook yang ketika dipasang di blog, maka lebarnya bisa menyesuaikan dengan lebar perangkat yang mengaksesnya dan terlihat lebih rapi saat dipandang. Sedangkan kotak komentar facebook yang tidak responsive adalah kotak komentar facebook yang lebar kotak komentarnya tidak bisa menyesuaikan dengan perangkat yang mengaksesnya. Biasanya, saat diakses melalui smartphone kotak komentar ini terlihat pas, akan tetapi saat diakses melalui laptop / dekstop akan terlihat lebih kecil dari pada lebar halaman blognya.

Sekedar info, script komentar yang akan saya tampilkan nanti adalah berasal dari blognya Mas Yadi. Saat pertama kali saya mencoba memasang script ini, ternyata lebar kolom komentarnya tidak bisa menyesuaikan dengan lebar halaman blog saya saat di akses menggunakan laptop dan juga ikon facebooknya tidak nampak disebabkan link yang sudah tidak aktif. Namun setelah saya utak-atik akhirnya berhasil juga untuk membuatnya menjadi responsive dan memperbaiki ikon yang rusak.

Langsung saja, sesuai dengan judul di atas, di sini saya akan membagikan cara mudah memasang kotak komentar facebook responsive di blog bagi sobat blogger yang ingin memasangnya. Tapi sebelum itu, sebaiknya sobat blogger mem-back up dulu template sobat blogger semua, buat jaga-jaga apabila terjadi kesalahan saat menerapkan tutorial di bawah ini.

Cara Memasang Komentar Facebook Responsive di Blog

1.Masuk Dasbor Blogger

2.Cari menu Template

3.Klik Edit HTML

4.Klik kursor pada kode-kode yang ada kemudian tekan Control + F, di situ akan mucul kotak di pojok kanan atas. Copas kode di bawah ini dan taruh di dalamnya

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

5.Klik Enter

6.Taruh kode di bawah ini tepat di bawah kode yang terdapat pada nomer 4 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://i707.photobucket.com/albums/ww77/litewrite/facebook-logo.gif'/>
<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://rs828.pbsrc.com/albums/zz206/cahisisolo/blogger-logo1.gif~c200'/> <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='100%'/>
</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' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).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>

7.Ganti Kata "ID FACEBOOK" dengan ID Facebook sobat (tanda petik jangan sampai hilang)
8.Simpan template

9.Selesai

Sampai di sini sobat blogger sudah berhasil memasang komentar facebook responsive di blog. Untuk melihat hasilnya, silahkan reload / muat ulang tampilan blog sobat.

Keterangan:
Hijau: Adalah link ikon facebook, bisa sobat ganti dengan link ikon yang lain
Biru:  Adalah link ikon blogger, bisa sobat ganti dengan link ikon yang sobat sukai

Untuk sobat yang ingin mengetahui kelebihan dan kekurangan dalam memasang kotak komentar facebook di blog, silahkan melanjutkan membaca sedikit ulasan berikut ini.

Kelebihan:

1.Memudahkan Facebooker Berkomentar

Berdasarkan artikel yang pernah saya baca, memang facebook adalah media sosial yang paling populer untuk saat ini. Dengan jumlah pengguna sekitar 1,35 Milyar, tentu saja facebook menjadi tempat yang tepat bagi para blogger untuk mempromosikan blognya. Akan tetapi perlu diingat bahwa pengguna facebook tidak selalu berasal dari pengguna gmail, dalam arti mereka tidak akan bisa berkomentar di blog kita, sebab komentar blogger hanya bisa dilakukan melalui akun google (gmail/gplus). Maka dari itu, pemasangan kotak komentar facebook ini bisa memudahkan facebooker yang bukan pengguna gmail untuk meramaikan dan berkomentar di blog kita.

2.Menyediakan Banyak Pilihan Untuk Berkomentar

Selain memudahkan bagi para facebooker untuk berkomentar, kelebihan pemasangan kotak komentar facebook di blog adalah berarti kita telah menyediakan banyak pilihan untuk berkomentar bagi para visitor. Sebab, terkadang sebagian visitor yang sudah memiliki akun gmail juga tidak ingin menampakkan profil akun mereka di kotak komentar dan lebih memilih facebook sebagai sarana berkomentar.

Kekurangan:

1.Loading Blog Semakin Berat

Sudah umum diketahui bahwa penambahan widget dan aksesoris lain dalam blog pasti akan mempengaruhi ringan dan beratnya loading blog, termasuk juga pemasangan kolom komentar facebook ini. Nah, efek dari loading blog yang dirasa terlalu berat akan dapat membuat visitor lari dan beralih pada blog yang lain.

2.Rawan Spam

Berbeda dengan kotak komentar asli dari blogger yang bisa dipasang script anti spam, untuk komentar facebook ini tidak bisa dipasang script seperti itu. Jadi, komentar facebook ini sangat rawan untuk dibuat nyepam. Efek lain, apabila blog banyak spamnya tentu akan menjadi blog yang buruk dimata google.

3.Tidak Bisa Memoderasi Komentar

Moderasi komentar sangat berguna untuk memfilter segala komentar yang masuk. Otoritas penuh untuk mempublikasikan atau tidak komentar-komentar tersebut ada pada kita apabila menyalakan fitur ini. Fitur ini hanya terdapat pada kotak komentar asli blogger, sedangkan untuk kotak komentar facebook, fitur ini tidak tersedia, sehingga komentar-komentar yang ada tidak bisa kita kontrol sepenuhnya.

Demikian sedikit ulasan tentang kelebihan dan kekurangan pemasangan komentar facebook di blog menurut saya.

Sekian, semoga bermanfaat. Happy Blogging.