Cara Memasang Komentar Facebook Responsive Di Blog



Cara Memasang Komentar Facebook Responsive Di Blog


Pengertian Memberikan Komentar
Komentar merupakan tanggapan terhadap sesuatu, baik hasil karya maupun produk yang diwujudkan dalam bentuk kritikan ataupun pujian. Komentar ini sering kita jumpai bahkan dalam kehidupan sehari-hari.
Hal yang Harus Diperhatikan Ketika Memberikan Komentar

Berikut adalah hal-hal yang perlu diperhatikan ketika memberikan komentar terhadap sesuatu adalah sebagai berikut.


  1. Komentar yang akan disampaikan berupa dukungan atau kritikan.
  2. Memberikan alasan yang kuat disertai fakta dan contoh berkaitan dengan dukungan atau kritikan..
  3. Menggunakan bahasa yang santun, efektif, dan komunikatif sehingga mudah dipahami.
Lalu bagaimana cara memasang komentar facebook yang responsive di blog ?

Simak berikut ini,

1. Tambahkan meta tag facebook di bawah kode <head>

<meta content='Kode ID Facebook admin' property='fb:admins'/> <meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>

2. Lalu, taruh kode dibawah ini sebelum 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. Taruh kode dibawah ini tepat dibawah 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='650'/></div> </b:if>

4. Simpan template !
Jika kalian pikir artikel ini menarik, kalian bisa membagikannya ke sosial media kalian atau memberi tahu teman kalian! Semoga membantu!

Postingan terkait: