Beranda » Info » Menampilkan Komentar Facebook di Blog

Menampilkan Komentar Facebook di Blog

Ditulis oleh: -

Memasang/Membuat Komentar Facebook di Blog



Menampilkan Komentar Facebook di Blog- Pengunjung Blog yang tidak memiliki akun Gmail ataupun yang mungkin belum tau,( maaf) atau malas berkomentar di blog kita bisa memberikan komentarnya lewat jejaring sosial Facebook. Yaa mungkin pas kebetulan mereka sedang login di akun facebook mereka, jadi tidak perlu repot-repot lagi untuk login ke akun gmail. Jika pada posting sebelumnya Julak berbagi tentang bagaimana cara memasang tombol like facebook, dan membuat share button dengan efek berputar, Nah disini kita akan bersama-sama bagaimana cara memasukkan komentar facebook di bawah posting Blog.


membuat komentar facebook di blog

 1 . Sebelumnya kita masuk ke akun facebook kita lalu masuk ke faceboook developer plugin.

cara membuat dan memasang komentar facebook
2. Pilih Comments 
3. Masukkan URL/alamat blog ke kotak URL to Comment on, atur jumlah komentar, dan lebar/width kotak komentar, kemudian klik Get Code.

memasang komentar facebook


4. Setelah codenya keluar .......

  • Login ke akun blogger klik Rancangan/Design > Edit HTML > Expand Template
  • Back up template dulu dengan mendownload template.
  • Cari kode  <body> (tekan ctrl + F) 

    a. Masukkan kode nomor 1 (javasriptsdk) tepat di bawah kode  <body> tadi.

Jika pada blog saya kodenya seperti di bawah ini, dan mungkin akan berbeda di blog sobat.

<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/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
  b. kemudian langkah kedua cari kode di bawah ini

<div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'> 

  c. Jika belum berhasil silakan alternatif lain dengan cara;
      Masukkan kode nomor 2 antara
<div class='post-footer-line post-footer-line-1'>
Masukkan kode ke dua di sini
</div>
jika belum ada kode </div> silakan tambahkan sendiri.

 Klik Pratinjau, lalu simpan template.


Perhatikan;
  • jangan mengcopy kode dalam tutorial ini, ini hanya sebagai contoh saja. copas lah kode yang didapat dari facebook.
  • jika terdapat 2 atau lebih, masukkan pada kode yang pertama.
UPDATE:

Untuk template default blogspot;
1. cari kode   // <![CDATA[  , kemudian masukkan  kode no. 1 tepat di atasnya
2. Kemudian masukkan kode no. 2 masukkan tepat di bawah kode berikut;
  <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>
3. Klik pratinjau, simpan template.

Nah, selesai deech, bagaimana... siap mencoba....?  Good Luck. Salam Blogger. Silakan berikan komentar, hehehe.

Update: Jika ini kurang memuaskan silakan Sobat buka cara memasang kotak komentar facebook V2

Artikel terkait :

Berkomentarlah Yang Sopan :)