Inilah Cara Mudah Menciptakan Kotak Komentar Facebook Pada Postingan Blog

Kolom komentar yaaang ada di setiap postingan blog kita seCara Cepat default berdasarkan template dari blogger belum terdapat plugin facebook. Sedangkan calon pengunjung blog kita sangatlah beragam. Mereka tidak saja hanyaaa membaca dan menyimak ulasan dalam blog kita, namun pula ingin berkomunikasi melalui pertanyaaaan atau jawaban dalam kolom komentar. Beberapa diantara mereka 'hanyaaa' mempunyaaai akun facebook.


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

Cara membuat kotak komentar facebook pada postingan Blog

Ada bermacam-macam Cara Cepat para master blogger menunjukkan ulasan wacana Cara Cepat menciptakan komentar untuk facebook. Bahkan facebook sendiri pun telah menyediakannyaaa. Namun sayaaa tertarik dengan instruksi yaaang dishare oleh sahabat blogger dengan ID Mas Yadi. Beliau menciptakan beberapa instruksi yaaang terbukti ampuh untuk menyesuaikan kolom komentar yaaang responsive. Kaprikornus sangat fleksibel penggunaannyaaa. Caranyaaa yaaahal itu sebagai berikut.
1. Masuk ke akun blogger, kemudian menuju mode HTML pada hidangan template. Kemudian pastekan instruksi di bawah ini sempurna 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 instruksi di bawah ini sempurna di atas instruksi </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 instruksi di bawah ini sempurna 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 sanggup merubah jumlah komentar yaaang ditampilkan dengan mengedit angka pada num_post. Ukuran lebarnyaaa sudah default koment facebook memakai ukuran pixel.
Catatan:
Kode <data:post.body/> lazimnyaaa terdapat lebih dari 1. Sayaaa sarankan untuk mencobanyaaa satu per satu dengan memakai kemudahan Preview template untuk melihat hasil sementara.
4. Setelah selesai, akhiri dengan Save template.

Hasilnyaaa akan Kelihatan menyerupai gambar berikut.
olom komentar yaaang ada di setiap postingan blog kita seCara Cepat default berdasarkan template dari  Inilah Cara Membuat Kotak Komentar Facebook pada Postingan Blog
Kini blog sahabat mempunyaaai kemudahan gres berupa kolom komentar khusus pengguna facebook.
Demikian ulasan Cara Cepat menciptakan kotak komentar facebook pada postingan blog ini. Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar