Setelah gue cari-cari tentang settingan blogger ...akhirnya gue menemukan trik untuk membuat comment via facebook
Awalnya aku berkunjung ke Terselubung tiba-tiba blog langgananku itu ada kotak komentar FB, dan aku tertarik untuk mencobanya.. maka aku search di google dan ketemu di Kumpulan Cara ok langsung kita mulai..
Langkah 1. Nonaktifkan Default Komentar.
Langkah Pertama Nonaktifkan Komentar, Caranya Klik Pengaturan lalu klik Komentar dan klikSembunyikan kalau sudah selesai klik simpan
Langkah 2. Buatlah Facebook App ID ( Aplikasi di Facebook ).
Selanjutnya Sobat Brototers harus membuat aplikasi sendiri di facebook, caranya mudah bahkan untuk menaruh aplikasi ninja saga di facebook-pun sangatlah mudah hanya beberapa klik
- Kunjungi Situs Facebook Devlopers
 |
Masukkan nama aplikasi Anda, (Anda dapat mengetikkan nama apa saja) dan Klik Setuju lalu klik Buat Aplikasi. Sebagai contoh saya membuat aplikasi dengan nama " Kotak Komentar "
Maka anda akan dibawa ke Halaman berikut seperti Gambar di bawah ini:
kemudian klik pada tab Website ( Website ) (pada daftar-tab kiri) Anda akan dibawa kehalaman Website seperti gambar dibawah ini :
Ingat Sewaktu Memasukkan ULR Terhubung Jangan Lupa beri tanda / pada akhir ULR Blog sobat, sebagai Contoh pada gambar diatas saya masukkan ULR Terhubung : http://trafikmagic.blogspot.com/
Masukkan Base Domain (site domain) : blogspot.com.
Lalu Klik Simpan Perubahan
Selanjutnya Silahkan Klik Dasar Untuk Mengambil No Application ID , Copy dulu Application ID di NotePad atau Word agar mudah kita ambil saat kita gunkan nanti pada Langkah Berikutnya.
Langkah 3. Menambahkan Kode pada template blogger
Anda harus menambahkan kode berikut ke template blogger Anda untuk
memastikan bahwa kotak komentar akan bekerja untuk blog Anda dengan cara yang benar.
silahkan pergi ke account blogger Anda lagi,
Arahkan ke + + Lalu Centang
silahkan pergi ke account blogger Anda lagi,
Arahkan ke + + Lalu Centang
Jangan Lupa Download Template Anda untuk menjaga jika terjadi kesalahan.
Cari
< body >
Tambahkan Kode berikut dibawahnya
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APP-ID Anda',
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>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APP-ID Anda',
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>
Sekarang Cari
</head>
Letakkan Kode Berikut dibawahnnya<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 Anda' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='APP-ID Anda' property='fb:app_id'/>
<meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>
<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 Anda' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='APP-ID Anda' property='fb:app_id'/>
<meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>
Nama Blog Anda : Ganti dengan Nama Blog Anda
http://google.com/help/hc/images/logos/blogger_logo.gif' : Bisa Anda Ganti dengan Gambar anda atau juga bisa di hapus.
APP-ID Anda : Ganti dengan APP ID anda
Profile-ID-Facebook Anda : Ganti dengan ID Profile Facebook Anda.
Sekarang kita selesai menambahkan kode facebook untuk template Anda, jangan menyentuh apa pun dan melanjutkan ke langkah berikutnya.
Langkah 4. Menambahkan Komentar Box blogger template Anda.
silahkan cari kode berikut
<data:post.body/>
Letakkan Kode Berikut dibawahnya
Jika Punya dua <data:post.body/> karena sudah pasang Readmore Silahkan Letakkan di bawah<data:post.body/> yang kedua
<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://www.adjiebrotot.co.cc/2010/08/cara-memasang-kotak-komentar-facebook.html" target="new"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt75jobXraRsubDGdDp6pMRYTJce8mYBZ7B5wKlvRgfq7zhVD78zKBBQE1HAV6pyvyRQLBc7R-T0VJ7VqPSks1ZLF-10escYtUcDCjhko5IWbwF31ARVJRRB09tuiSyohqvx2_gWv8-_M/s1600/comment.gif" /></a></p><div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> Mau Widget Seperti ini? <a href='http://www.adjiebrotot.co.cc/2010/08/cara-memasang-kotak-komentar-facebook.html' target='_blank' title='Facebook Comment'>Click Here!</a></b></div></b:if><br />
