Membuat Komentar Facebook Ke Blogger
https://asia-note.blogspot.com/2016/08/membuat-komentar-facebook-dan-blogger.html
Kali ini kita gabungkan
dengan komentar Facebook dan Google dengan tampilan yang profesional dan
elegan.
Persiapkan petunjuk di
bawah ini:
- ID Facebook adalah ID facebook kamu, Sebagai contoh "http://www.facebook.com/korps.briand" Jadi ID Facebook "korps.briand"
- FB_APP_ID adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar facebook
- TWITTER_APP_Key adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar twitter
Jika semua sudah siap
Perhatikan Langkah-langkah berikut:
Masuk ke akun blogger
kalian > Template > Edit HTML > Centang 'Expand Template Widget'
Masukan script di bawah
ini di bawah kode <head>. Dengan menggunakan Tombol Ctrl + F kemudian
masukkan <head>
<meta content='ID Facebook' property='fb:admins'/><meta content='FB_APP_ID' property='fb:app_id'/><script src='http://code.jquery.com/jquery-latest.pack.js'/><script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/><script src='http://platform.twitter.com/anywhere.js?id=TWITTER_API_Key&v=1'/>
Ganti huruf berwarna MERAH
sesuai yang kalian miliki
Masukan Script di bawah ini di code class='comments'
Masukan Script di bawah ini di code class='comments'
<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'><data:post.numComments/> Comments</div><div class='comments-tab' id='twitter-comments' title='Comments with Twitter'><span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets</div><div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'><fb:comments-count expr:href='data:post.url'/> Komentar</div><div class='clear'/></div><div class='comments-page' id='twitter-comments-page'><div id='js-tweet-box'/></div><div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <fb:comments expr:href='data:post.url' num_posts='5' width='500'/> </b:if></div><div class='comments comments-page' id='blogger-comments-page'>
Perhatikan KODE yang berwarna
MERAH:
- Comments, Tweets dan Komentar dapat di ganti sesuka hati kita
- Angka 5 adalah jumlah komentar yang ditampilkan
- Angka 500 adalah lebar dari kotak komentar
Sesuaikan agar rapi dan bagus.
Save dan lihat hasilnya.
