♠ Posted by Unknown in Blogger at 01.52
Sebuah kotak komentar bertujuan untuk memberikan fasilitas diskusi pada sebuah blog, tanpa sebuah kotak komentar yang berisi kritik dan saran sebuah blog memiliki kesan yang kaku tanpa adanya sebuah diskusi.Fasilitas komentar itu sendiri untuk Blogger sudah tersedia, namun jika kita merasa bosan dengan menu komentar bawaan blogger kita bisa memanfaatkan fasilitas komentar yang telah disediakan Facebook untuk kita pasang di blog kita.
Cara memasang menu komentar facebook langkah-langkahnya adalah sebagai berikut:
1. Login akun facebook anda.
2. Kunjungi URL berikut https://developers.facebook.com/apps. pilih Create App.
Pilih saja link ponsel untuk verifikasi no ponsel anda.
6. Kembali ketahap Create App sekarang kamu bisa isi Form Create appnya.
8. Akan tampil page seperti ini :
9. Sekarang masuk ke menu Edit Html blogger anda, dan Centang menu Expand Template Widget.
10. Sekarang cari kode yang mirip seperti kode dibawah ni biasanya berada dipaling atas :
<html expr:dir='data:blog.languageDirection' 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'>11. Tambahkan kode berwarna merah hingga seperti script dibawah ini:
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' 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'>12. Cari kode <title><data:blog.pageTitle/></title> , dan simpan script ini tepat dibawahnya :
<b:if cond='data:blog.pageType == "item"'>13. Cari kode <body> , dan simpan script beriktu tepat dibawahnya:
<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 atau Judul Blog' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='App Id Facebook' property='fb:app_id'/>
<meta content='ID Facebook' property='fb:admins'/>
<meta content='article' property='og:type'/>
<div id="fb-root"></div>14. Cari kode;
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'App ID facebook',
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);
}());
<fb:comments/>
</script>
<div class='post-footer-line post-footer-line-3'/>simpan script ini tepat dibawahnya:
</div>
<b:if cond='data:blog.pageType == "item"'>15. Simpan template, untuk warna skema nya bisa dark ataupun white, dan untuk width nya ubah sesuai kebutuhan.
<p align='left'>Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!</p>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments colorscheme='white' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/></div>
</b:if>
Jika ingin menyembunyikan menu komentar bawaan bloggernya pilih Setelan, Komentar, dan pilih Sembunyikan (jika pada antarmuka blogger lama).
0 comments:
Posting Komentar