Pasang Kotak Komentar Facebook Di Blog

Kamu dapat menambahkan kotak komentar seperti yang ada di facebook ke blog,tentunya hal ini akan membuat blog yang kita punya terintegrasi dengan facebook.Berikut cara membuat kotak komentar seperti yang ada di facebook:

Langkah 1. Disable Default Comments.
Langkah pertama yang perlu di lakukan adalah menyembunyikan kotak komentar blogger, agar tidak terdapat 2 kotak komentar .Masuk atau login ke akun blogger kamu, pilih
settings/pengaturan >> comments setelah itu pilih Hide/sembunyikan, kemudian
Save Settings/simpan pengaturan
Langkah 2. Generate ID Applikasi Facebook.

Generate kode applikasi, buka halaman ini, Developers Facebook
dan isi kolom seperti dibawah ini.


Nama situs:
URL Situs:
Lokasi:


Kemudian klik buat applikasi.

pada halaman facebook developer kita akan mengenarate info yang di perlukan. Dan yang di perlukan hanyalah App ID:
Untuk mengetahui seperti apa kode applikasinya lihat gambar
App ID di bawah ini:



Langkah ke-3.Memasukan kode kotak komentar.

Ini adalah script/kode kotak komentar, yang perlu dilakukan adalah mengedit tulisan yg telah di beri warna:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<p align='left'><img alt='' class='icon-action' height='51' src='http://4.bp.blogspot.com/_JwD5r652h00/S_K3UAPbbuI/AAAAAAAAAWQ/sZRBQArO34k/comments-facebook.gif' width='331'/></p>

<div id='fb-root'/>

<script>

window.fbAsyncInit = function() {

FB.init({appId: &#39;AppID&#39;, status: true, cookie: true,

xfbml: true});

};

(function() {

var e = document.createElement(&#39;script&#39;); e.async = true;

e.src = document.location.protocol +

&#39;//connect.facebook.net/en_US/all.js&#39;;

document.getElementById(&#39;fb-root&#39;).appendChild(e);

}());

</script>

<fb:comments width='500' xid='judul'/>

<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src=' http://www.face-book3.blogspot.com' width='16'/><img border="0" src="http://img62.imageshack.us/img62/6194/bannner.gif"></a> <b><a href='http://www.allblogtools.com/' target='_blank' title='tips facebook'>Tips Facebook</a> Powered by <a href='http://www.face-book3.blogspot.com/' target='_blank' title='tips facebook'>face-book3.blogspot.com </a></b></div>

Yang perlu di ganti:

  • AppID: Ganti app id yang di beri warna dengan app id milki kamu yang sudah di generate( seperti langkah sebelumnya) ini hanya berupa angka.
  • 500 : Ganti lebar kotak komentar sesuai dengan template kamu. ex: 300,400
  • judul : Ganti judul dengan nama yang unik seperti. tipsfacebook, tanpa spasi.
  • Langkah 4. Tambahkan kode ke template.

    Langkah terakhir,kembali ke akun blogger mu lagi,klik layout >> edit html >> centang Expand Widget Templates

    kemudian cari kode di bawah ini,untuk mempermudahkan mencari kode tekan (ctrl+F5).

    <data:post.body/>

    kemudian pastekan kode yang tadi di bawah kode ini

    <data:post.body/> 

    dan klik Save Template/simpan template


    Dan Kotak komentar facebook sekarang ada di blog.

    0 comments:

    Post a Comment

    Search

    Loading...

    Popular Posts

    Powered by Blogger.

    Blog Archive