Setelah sekian lama k'ian tidak lagi aktif dengan dunia blogging, kali ini k'ian mau share sebuah info baru yang k'ian dapat. Yaitu "Format comment blog baru dengan facebook comment", yang menampilkan seri kotak komentar dengan menggunakan pola komentar di account Facebook selama ini. Dimana selama ini kita sudah pernah mendengar format kotak komentar dengan menggunakan form dari situs pihak ketiga lainnya.
Kita akan langsung mulai untuk tutorial yang akan kita kerjakan pertama kali,
Next Step
Nb : Kembali ke menu Pengaturan dan pilih komentar.
Selanjutnya klik tanda sembunyikan pada default komentar. agar kotak komentar yang muncul tidak jadi 2.
Untuk DEMO lihat disini "Comentar baru"
Kita akan langsung mulai untuk tutorial yang akan kita kerjakan pertama kali,
- klik link berikut facebook developer
- Kemudian isi form yang tertera disana, seperti Nama dan URL situs --> klik Create Aplication / buat aplikasi.
- Jika berhasil maka akan muncul informasi mengenai no ID yang kita buat, selanjutnya klik menu Dashboard pengembangan / Dashboard development.
- Kemudian klik menu edit settings/sunting pengaturan. kemudian klik lagi menu "Terhubung/connect".
- Selanjutnya isi form Base domain/ basic domain dengan = blogspot.com ( ingat hanya blogspot.com saja )
- kemudian klik lagi menu "simpan perubahan / save setting".
- Catat no ID APLIKASI yang sudah kamu buat tadi lihat contoh
Next Step
- Masuk ke account blog kamu, kemudian klik menu "Edit HTML" dan beri tanda ceklist pada kota "Expand widget template".
- Selanjutnya copy kode dibawah ini dan letakkan tepat didalam <html
- Kamu tidak usah bingung cukup meletakkan saja kode yang berwarna orange tersebut seperti contoh yang k'ian buat.
- Selanjutnya copy lagi kode dibawah ini, dan letakkan sebelum kode </head> :
- Kemudian copy lagi kode dibawah ini tepat dibawah kode <body>
- Selanjutnya cari kode <data:post.body/>, copy kode dibawah ini :
- Jika sudah kamu pasang klik menu "Simpan/save"
xmlns:fb='http://www.facebook.com/2008/fbml'Hasilnya akan seperti ini :
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='NAMA BLOG KAMU' property='og:site_name'/>
<meta content='http://i355.photobucket.com/albums/r455/sheve_anssver/bannerfans_67836562-1.jpg' property='og:image'/>
<meta content='ID APLIKASI KAMU' property='fb:app_id'/>
<meta content='article' property='og:type'/>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'ID APLIKASI KAMU',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><img alt='' class='icon-action' height='51' src='http://i355.photobucket.com/albums/r455/sheve_anssver/bannerfans_67836562-1.jpg' width='331'/></p>
<div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='570'/></div>
</b:if>
Nb : Kembali ke menu Pengaturan dan pilih komentar.
Selanjutnya klik tanda sembunyikan pada default komentar. agar kotak komentar yang muncul tidak jadi 2.
Untuk DEMO lihat disini "Comentar baru"
wah mumet nih, pake yg orig aja dah pusing...!! tapi g pa apa deh yg penting bisa gaya... ...Replay
@vhei : kalau mau di praktekin dan di jalankan dengan teliti g bakal bikin pusing kok, yg pntg sekali apa yg di instruksikan dijalankan dengan teliti...
Btw, tq y da comment...!!!! ...Replay
wah manatf nih,,,,,akan saya coba jika ada waktu,, ada2 saja idenya,,,,maju terus yah,,,salam sukses ...Replay
ka...pas aku masukan alamat blog aku pada URL SITUS, koq jawaban nya Invalid url.mohon penjelasan nya ya...sekali lagi saya ucapkan terima kasih atas reply comment yang kemarin di kirim ke djwelthan@gmail.com. jawabannya betul2 sangat membantu. ...Replay
aq masih lebih suika pakai bawaan blogger sob, oy awardnya dah aq pajang silakan cek ...Replay
@Rizky : sebenarnya sama sob, soalnya bahaya juga takut Blogger nge-banned..kan bisa berabe jadinya...!!! haaaa haaaa haaaa
TQ da comment sob disini...!! ...Replay
@mlailie Lailie sebelemunya aq minta maaf, aq kurang jelas dengan pertanyaan kamu...!!! mungkin kalau kamu bisa perjelas lagi, aq usahain untuk aq bantu...
so thank's da comment...!!! ...Replay
ka ..maksud aku invalid url itu, pas aku masuk di facebook develover...kalau kaka masih belum ngerti, cuba liat screenshot di
http://img337.imageshack.us/img337/9668/52277488.jpg ...Replay
Sayang FB comment tidak mensupport URL pemberi komentar ya.. ...Replay
@Dev Salah satu kelemahan yg dimiliki aplikasi ini tentu saja tidak bisa mensupport URL si pemberi komen, tp sbg aplikasi gadget ini cukup keren....!!!
tq da comment.... ...Replay