Feb 21, 2012

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 komentar facebook V2

7 comments:

  1. Tet....
    Kok aku bikin nggak keluar ya?....

    ReplyDelete
  2. @ Blog super Rahasia, Silakan dicoba gan,
    @ Star Night, ikuti lagi langkah2nya dengan seksama, pasti bisa.

    ReplyDelete
  3. silakan coba kembali, sudah saya update artikelnya

    ReplyDelete
  4. silakan coba kembali, sudah saya update artikelnya.

    ReplyDelete
  5. mas, kok komentarnya nongol di setiap posting ya?

    ReplyDelete

Anda harus menjadi follower blog ini jika ingin memberikan komentar. Terima Kasih