Cara Pasang Form Komentar Facebook Di Blog (Blogger & WordPress)

Selain tombol Like, Facebook juga menyediakan form komentar yang bisa dipasang di blog anda, sehingga para pengguna Facebook yang mengunjungi blog anda bisa memberikan komentarnya. Cara memasangnya untuk Blogger (classic template) dan WordPress (self hosted) hampir sama langkahnya dengan memasang tombol Facebook Like yang saya tulis di artikel sebelumnya, bedanya hanya pada kode yang dicopy-paste-kan ke dalam template anda, copy-paste-kan kode di bawah ini ke template blog anda, jangan lupa untuk mem-backup dahulu template blog anda untuk mencegah hal-hal yang tidak diinginkan.

Kode form komentar Facebook untuk Blogger (classic template):

<ItemPage>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="<$BlogItemPermalinkUrl$>" data-num-posts="5" data-width="468"></div>
</ItemPage>

Kode form komentar Facebook untuk WordPress (self hosted):

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="<?php echo urlencode(get_permalink($post->ID)); ?>" data-num-posts="5" data-width="468"></div>