Monday, October 19, 2015

Cara Membuat Kotak Komentar Facebook pada Postingan Blog

Kolom komentar yang ada di setiap postingan blog kita secara default menurut template dari blogger belum terdapat plugin facebook. Sedangkan calon pengunjung blog kita sangatlah beragam. Mereka tidak saja hanya membaca dan menyimak ulasan dalam blog kita, namun pula ingin berkomunikasi melalui pertanyaan atau tanggapan dalam kolom komentar. Beberapa diantara mereka 'hanya' memiliki akun facebook.


Sehingga untuk mempermudah mereka memasukkan respon atas postingan yang mereka baca, maka perlulah kiranya disediakan komentar khusus untuk facebook ini.
Artikel terbaru Featured Post, Widget Blogger Terbaru (Fungsi, Manfaat dan Cara Pemasangannya).

Cara membuat kotak komentar facebook pada postingan Blog

Ada beragam cara para master blogger memberikan ulasan tentang cara membuat komentar untuk facebook. Bahkan facebook sendiri pun telah menyediakannya. Namun saya tertarik dengan kode yang dishare oleh sahabat blogger dengan ID Mas Yadi. Beliau membuat beberapa kode yang terbukti ampuh untuk menyesuaikan kolom komentar yang responsive. Jadi sangat fleksibel penggunaannya. Caranya adalah sebagai berikut.
1. Masuk ke akun blogger, lalu menuju mode HTML pada menu template. Kemudian pastekan kode di bawah ini tepat di bawah <head>.

<meta content='ID Profil FB' property='fb:admins'/>
<meta content='App ID' property='fb:app_id'/>

Ganti ID Profil FB dengan ID profil fb milik sahabat.

2. Setelah selesai, pastekan kode di bawah ini tepat di atas kode </head>.

<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>

3. Kemudian pastekan kode di bawah ini tepat di bawah kode <data:post.body/>.

<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='500'/></div>
</b:if>

Keterangan:
Sahabat bisa merubah jumlah komentar yang ditampilkan dengan mengedit angka pada num_post. Ukuran lebarnya sudah default koment facebook menggunakan ukuran pixel.
Catatan:
Kode <data:post.body/> biasanya terdapat lebih dari 1. Saya sarankan untuk mencobanya satu per satu dengan menggunakan fasilitas Preview template untuk melihat hasil sementara.
4. Setelah selesai, akhiri dengan Save template.

Hasilnya akan terlihat seperti gambar berikut.
Cara Membuat Kotak Komentar Facebook pada Postingan Blog
Kini blog sahabat memiliki fasilitas baru berupa kolom komentar khusus pengguna facebook.
Demikian ulasan cara membuat kotak komentar facebook pada postingan blog ini. Semoga bermanfaat.

6 comments:

  1. Gak bisa gan, cek di blog saya komchar.blogspot.com

    ReplyDelete
  2. PROMO AKHIR TAHUN SAMPAI 31 DESEMBER 2017
    KESEMPATAN EMAS UNTUK ANDA!!! BELANJA DI TOKO
    Kami DELIMA PONSEL Mengadakan Harga Promo
    Beli 1 Gratis 1 Samsung Galaxy J1
    berlaku untuk semua produk
    Gadget , Kamera, Laptop...!!!

    READY STOCK
    HP Samsung,Oppo,Acer,Sony,Apple,BB,LG,Nokia
    KAMERA Nikon,Sony,Canon,Kamera Video
    LAPTOP Hp,Lenovo,Samsung,Toshiba,Acer,Asus,DeLL

    UNTUK INFO PRODUK LENGKAP KUNJUNGI:
    http://delima-ponsel.blogspot.com.
    CALL☎/SMS✉: 0852-4004-4475
    BBM PIN: 5B3C6CE

    ReplyDelete
  3. Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
    Jika ya, silahkan kunjungi website ini www.kbagi.com untuk info selengkapnya.

    Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

    ReplyDelete
  4. thankyou ya gan infonya brmanfaat sekali

    ReplyDelete

Setiap komentar yang masuk akan dimoderasi. So, waspadalah.