cara mudah untuk membuat kotak komentar Facebook yang Responsif di Blog

cara mudah untuk membuat kotak komentar Facebook yang Responsif di Blog

Assalamualaikum, wr. wb
Salam Blogger Indonesia...

cara mudah untuk membuat kotak komentar Facebook yang Responsif di Blog

Saya mau membagikan Tips atau cara yang mudah untuk membuat kotak komentar Facebook di Blog. yang Gunanya untuk memudahkan Pengunjung berkomentar dengan Account Facebook. Memasang nya pun cukup mudah dan gampang kok. Karena Sekarang Facebook sendiri sudah menyediakan Fasilitas atau Plug in Comment yang dapat anda buat sendiri dan dipasang di blog anda.



Dan Cara ini sudah di modifikasi dengan Komentar Facebook yang menjadi Responsive.
Gunanya apa??? Gunanya untuk memudahkan pengunjung untuk mengakses dan berkomentar diblog anda dengan menggunakan Account Facebook dengan Mudah dan nyaman.

Caranya mudah kok, anda tinggal Copy script HTML di bawah ini dan pasang di Template HTML anda. Cara ini sudah di modifikasi dengan mudah agar pengunjung dapat berkomentar seperti berkomentar di Facebook. dan anda bisa rubah ukuran widht untuk menyesuaikan ukuran di blog anda.
Ok, langsung saja Silahkan ikuti langkah demi langkah cara Membuat kotak komentar Facebook di Blogger.


Dan Berikut Cara Membuat kotak komentar Facebook yang responsive di blog :

1. Login di Blog Anda
2. Masuk Dasbor => Pilih Template
3. Edit HTML
4. Cari Tulisan <head> (untuk memudahkan pencarian di HTML tekan CTRL+F ) Lalu pasang Kode Content dibawah ini Tepat dibawah <head>


<meta content='NamaIDFB' property='fb:admins'/>
<meta content='AppIDFB' property='fb:app_id'/>

5. Lalu ganti NamaIDFB dan AppID yang berwarna merah dengan ID Facebook Anda sendiri (Untuk mengetahui ID Facebook Anda,  anda bisa lihat gambar di bawah ini

7. Lalu cari Kode ini </head> (untuk memudahkan pencarian di HTML tekan CTRL+F) Lalu pasang Kode Script dibawah ini tepat diatas 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>
 

8. Masih Di Html template blog anda Lalu Cari kode berikut <data:post.body/>
(biasanya di blog anda kode ini <data:post.body/> lebih dari 2, tapi pilih saja yang terakhir dan atau anda coba satu-persatu)

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

9. Simpan dan Lihat Hasilnya

Demikian lah cara yang mudah untuk membuat kotak komentar Facebook di Blog. Jika Anda masih kesulitan silahkan bertanya dan berkomentar dibawah. terima kasih sudah berkunjung.

wassalamualaikum, wr.wb.

2 Responses to "cara mudah untuk membuat kotak komentar Facebook yang Responsif di Blog"

  1. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  2. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus

PERINGATAN !!!

1. Berkomentarlah Dengan Sopan dan Jangan Spaming!
2. Dilarang Berkomentar Yang Mengandung Unsur Pornografi!
3. Dan Dilarang Menaruh Link Aktif/Promosi karena Akan Saya Hapus!

Harap baca ya gan, Sebelum berkomentar. Terimakasih! Salam Blogger Indonesia

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel