Kali ini saya bakal share cara membuat komentar facebook keren di blog .
Ini versi terbaru yang udah saya modifikasi jadi tampilan komentar
facebooknya jadi keren gan. Kalo tertarik silahkan aja
disimak cara membuat komentar facebook keren di bawah ini gan.
Mudah-mudahan bermanfaat buat agan sekalian yang pengen membuat komentar facebook
di blog.
Note : Inget selalu di backup atau download template blognya untuk menghindari hal-hal yang gak di inginkan.
Cara mendapatkan Application Facebook ID
1. Kunjungi situs
https://developers.facebook.com/apps
2. Klik klik
Create New App2. Masukkan App Name dengan Nama Aplikasi dan App Namespace dengan judul blog anda (tidak wajib). Kemudian klik
lanjutkan.
3. Setelah itu akan tampil seperti gambar dibawah ini kemudian simpan
App ID nya di notepad. Sekarang mari kita lanjut ke langkah berikutnya
dari tutorial ini.
Menambahkan Kotak Komentar Facebook ke Blog
1. Masuk ke Blogger
2. Pilih
Rancangan, lalu klik
Edit HTML
3.
"Centang Expand Template Widget"
4
. Letakkan kode dibawah ini setelah kode
<head>
<meta content='YOUR_FACEBOOK_APPLICATION_ID' property='fb:app_id'/>
Keterangan: Ganti kode
berwarna orange dengan ID App anda. Script diatas berfungsi untuk melakukan moderasi komentar.
5. Cari kode dibawah ini:
<div class='post-footer-line post-footer-line-3'>
atau
<p class='post-footer-line post-footer-line-3'>
6. Paste kode dibawah ini setelah kode yang ada pada langkah ke.5
<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>
Keterangan: Anda dapat mengganti
lebar dan
warna (light / dark) dari kotak komentar
7. Anda harus menambahkan deklarasi untuk nama
FB, caranya yaitu cari kode ini:
<html
8. Ubah kode tersebut seperti dibawah ini
<html xmlns:fb="https://www.facebook.com/2008/fbml"
9.
Simpan template anda.
Jika
sobat telah melakukan langkah diatas dengan benar maka sobat bisa
melihat kotak komentar facebook langsung dari blog. Selamat mencoba!
No comments:
Post a Comment