Cara Membuat Komentar Facebook Responsif di Blogger

Pada tahun 2009 pengembang Facebook merilis plugin sosial terbaik mereka yang disebut “Kotak Komentar Facebook”. Kotak komentar ini membantu pembaca untuk mengomentari situs Anda menggunakan profil Facebook, Yahoo, AOL, Google atau Hotmail mereka.

Nah, kali ini saya akan membagikan metode saya sendiri yang saya terapkan pada template blogger yang sedang saya kembangkan. Jadi ikuti tutorial sederhana ini untuk menambahkan komentar facebook di blog anda.

Cara Membuat Komentar Facebook di Blogger

Login situs blogger> Lalu pergi ke Tema> Klik Edit HTML>
Kemudian cari kode <body> atau<body expr:class=’&quot;loading&quot; + data:blog.mobileClass’>

Letakkan Kode berikut di bawah kode yang kalian cari sebelumnya

<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_GB/sdk.js#xfbml=1&amp;version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Kemudian cari lagi kode berikut

<b:includable id='comment-form' var='post'>

Letakkan kode di bawah ini tepat dibawah kode di atas tadi

<div class="fb-comments" expr:data-href="data:post.url"
data-width="100%" data-numposts="5" data-colorscheme="light"/>

  • Anda dapat mengubah jumlah nilai 5 sesuai keinginan Anda
  • Anda dapat mengubah skema warna terang dengan gelap

Setelah melakukan semuanya, simpan template dan selesai.


Posted

in

by

Tags:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *