Cara Memasang Komentar Facebook di Blog

Sebelum kalian menerapkan tutorial ini, sebaiknya kalian membaca tutorial Cara Membuat Aplikasi Facebook, karena setelah kalian membaca tutor sebelumnya, maka kalian akan bisa menerapkan tutor ini.
Baiklah, langsung saja kita bahas secara detail dan tajam, setajam #Silet…. 😀

Ikuti langkah dibawah ini dengan baik ya, jika terjadi kesalahan, tidak ditanggung oleh penulis, karena penulis hanya berbagi pengalaman dan yang telah diterapkan di blog Tulisan Wortel [dot] com.
1. Login Blogger > Pilih Template > Edit Html. Ikuti seperti gambar dibawah ini :
2. Carilah kode  </body> 
(Untuk mempermudah pencarian, letakkan cursor pada kotak html, kemudian tekan Ctrl+F, lalu masukkan kode yg akan dicari, terus enter). Copykan kode dibawah ini dan pastekan diatas kode </body>
<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/id_ID/sdk.js#xfbml=1&version=v2.6&appId=363552107083605";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Ganti 259054834227698 yang telah kalian buat di Cara Membuat Aplikasi Facebook

    3. Setelah itu, cari kode <div class=’post-footer-line post-footer-line-3′> dan tambahkan kode dibwah ini tepat dibawah kode <div class=’post-footer-line post-footer-line-3′>.
    <div class="fb-comments" data-href="https://developers.facebook.com/apps/363552107083605/"data-width="100%"data-numposts="5"></div>
    

    Biru : Ganti ID tersebut seperti cara ke-2

    Orange : Jumlah komentar yang ingin kita tampilkan
    Hijau : Lebar kotak komentar fb (Supaya responsive buat 100% )

      4. Saatnya kita klik “Simpan Template / Save Template” dan selamat atas keberhasillannya, buat yang gak berhasil, silahkan cek ulang satu persatu, atau ada sebagian kode tidak ada di template, itu artinya tutor ini tidak cocok untuk template kalian, karena penulis sendiri menggunakan template sederhana.
      Terima kasih sudah membaca tutor Cara Membuat Kolom Komentar Facebook di Blog, jika tutor ini bermanfaat, dan jika mungkin ada pertanyaan, silahkan koment. Bye2.. 

      Tutorial ini direquest oleh temen blogger bernama Fadil.

      Pangeran Wortel

      Blogger dari Kab. Bengkalis. Sukanya ngisi waktu luang untuk buat video, nulis di blog, desain feed instagram #bukanfakta dan kadang suka sendiri di pantai. Salam kenal..

      5 thoughts to “Cara Memasang Komentar Facebook di Blog”

      1. Mas mau tanya kalau bikin recen post seperti di tulisan wortel gmana ya..

        Maksudnya di halaman utama tidak tampil tp ketika artikel di buka baru tampil..

        Salam kenal mas, masih newbie

      Leave a Reply

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