41nk Tea: Agustus 04, 2010

Agustus 04, 2010

Cara Memasang Kotak Komentar Facebook Di Bloger

Sobat dapat menambahkan kotak komentar seperti yang ada di facebook ke blog,tentunya hal ini akan membuat blog yang kita punya terintegrasi dengan facebook.
Langkah- langkahnya sebagai berikut :

1. Diseble Default Comment.

Langkah pertama yang perlu di lakukan adalah menyembunyikan kotak komentar blogger, agar tidak terdapat 2 kotak komentar .Masuk atau login ke akun blogger sobat, pilih

Settings/ Pengaturan >>> Comments setelah itu pilih Hide/ Sembunyikan, kemudian

Save Settings/simpan pengaturan

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:

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

<b:if cond='data:blog.pageType == "item"'>
<p align='left'><img alt='' class='icon-action' height='51' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxoIpZ4ixlcI3XAYPsye7ZGxuz8xsdwx3UdwZ4n6S_Zi0p-X7oVx1BbhEof2tcpUb1L3aLs8KnjI6KB75K4GYbmio1qoN3B2EEAlty4XRvBym4OX0pt0vqDDfU7qmh5Qo5MQ8LbE1wMK0/' width='331'/></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'AppID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').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.

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+F).