Loading...

Senin, 15 April 2013

Memasang Komentar Facebook di Blog

Memasang Komentar Facebook di Blog
Facebook kini memperkaya aplikasinya, saat ini facebook meneydiakan kotak komentar facebook yang bisa di pasang di blogger. Komentar facebook ini mempermudah pengunjung untuk berkomentar di blog kamu dengan kaun facebooknya, facebook makin keren aja sudah berkerja sama dengan blogger.



1 . Sebelumnya kita masuk ke akun facebook kita lalu masuk ke faceboook developer plugin.
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.


Pemasangan pada blogger kamu

  • 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.

Tidak ada komentar:

Posting Komentar

recent coment

visitor

Flag Counter

recentpost