Cara pasang facebook comment di blog Responsive


Hallo sahabat para pengunjung Blogkamrku,salam jumpa dan tentunya kita ketemu lagi pada tutorial - tutorial yang selalu di bahas di Creative media tutorial Blogkamarku dan kali ini kita akan membahas tutorial seputar dunia Bloging.dan kita kali ini akan membahas Cara pasang facebook comment di blog Responsive

Yup sahabat semua Facebook Coment Plugin ini adalah sarana untuk anda yang ingin berinteraksi dengan para pengunjung anda yang menggunakan media Facebook ketika berkunjung ke blog yang anda kelola
Sebenarnya banyak sekali cara untuk membuatnya, namun kali ini saya akan memberikan cara yang mudah saja untuk anda ikuti.
Cara pasang facebook comment di blog Responsive
Cara pasang facebook comment di blog Responsive

Namun syaratnya untuk menggunakan teknik ini adalah template yang anda gunakan sudah Responsive,nah untuk yang belum mengetahui blog nya sudah responsive atau belum anda bisa mengetahui cara - caranya di postingan saya yang lain,So cek dulu yah biar ketahuan.



Nah kalau Blog anda sudah responsive anda tinggal melakukan beberapa tahap selanjutnya yang sangat mudah menurut saya,namun ini tergantung template yang anda gunakan bisa berjalan atau tidak jadi yu kita langsung saja pada cara - caranya.

Pertama Login pada Blog anda dan cari sebelah kiri bagian bawah >> edit template
Cara pasang facebook comment di blog Responsive
Cara pasang facebook comment di blog Responsive
Cara pasang facebook comment di blog Responsive
Cara pasang facebook comment di blog Responsive

Lalu anda akan masuk pada halaman pengeditan template anda,Cari kata </head> Agar memudahkan pencarian anda gunakan CTRL + F Pada keyboard anda sebagai fungsi Find untuk mencari file dengan kata itu lalu jangan lupa anda tekan enter, supaya langsung mencari.
Cara pasang facebook comment di blog Responsive
Cara pasang facebook comment di blog Responsive

Kalau sudah ketemu anda tinggal lakukan menempatkan Scrift Javascrift ini tepat di atas kata </head> tadi.
Ini adalah scrift nya :

<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>
Jangan dulu di tutup atau di simpan pengaturan nya kita lanjut.
Oke sobat pekerjaan sobat masih ada yang harus di lakukan pada tahap selanjutnya yaitu mencari <div class='comments' id='comments'> Dengan cara yang sama pada langkah di atas yaitu Ctrl+F Untuk menemukan nya,kalau ada dua bisa di coba dengan menempatkan nya satu persatu di bawah Code <div class='comments' id='comments'>

Ini Scrift nya silahkan anda tempatkan.

<b:if cond="data:blog.pageType == &quot;item&quot;">
<h4>Post Comment</h4>
<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='5' width='500'/></div>
</b:if>

Nah coba sekarang simpan template anda apakah sudah tampil atau belum pada tampilan blog sobat Plugin facebook Coment ini,karena ada juga yang harus dengan beberapa teknik yang lain cara memasang nya,dan mungkin di kesempatan yang lain saya akan coba posting teknik yang lain nya.
Selamat berkreasi dan mencoba untuk anda sobat semua,terima kasih sudah berkunjung dan membaca Cara pasang facebook comment di blog Responsive So keep happy and always smile "Cheeeerz ^_^


Next Post Previous Post
1 Comments
  • Ancer Afri
    Ancer Afri 3/6/16

    Saya tertarik tentang artikel Anda pada teknik ini.
    Saya juga memiliki artikel yang sama tentang teknik yang dapat Anda kunjungi di www.leptek.gunadarma.ac.id

Add Comment
comment url