Dan di Indonesia sendiri merupakan salah satu negara yang mempunyai pengguna facebook yang lumayan besar. Oleh karena itu kita bisa memanfaatkan kesempatan ini untuk menjadikannya menjadi salah satu alat untuk bisa berkomentar di blogspot kita. Karena selain berfungsi sebagai komentar bisa juga nantinya komentar yang ditulis di blog kita akan langsung muncul di wall orang yang memberi komentar di blog kita (apabila si orang yang komentar mencentang tulisan post to facebook). Dan yang muncul di wall mereka adalah berupa komentar dan link ke blog kita.
Oke
Oke langsung saja kita bahas langkah langkah Cara Membuat Facebook Comment di Blogspot:
1. Demi keamanana back up template anda terlebih dahulu.
1. Login ke akun facebook anda
2. Masuk ke link ini: developers.facebook.com/setup
3. Isi App Name dengan nama aplikasi anda, Kemudian kosongkan saja App Namespacenya, dan centang Web Hosting lalu klik lanjutkan.
4. Kemudian catat id aplikasi anda
5. Buka https://developers.facebook.com/apps/nomor-app-id-anda/ kemudian klik edit app
6. Masukkan URL situs anda di site URL
7. Masuk/login ke akun blogspot anda ->Pilih Template -> Klik Edit HTML -> Lanjutkan
8. Cari kode di bawah ini dengan Ctrl + f (Biasanya letaknya berada di atas sendiri)
<html b:version='2' class='v2' 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'>
Tambahkan kode di bawah ini
xmlns:fb='http://www.facebook.com/2008/fbml'
Sehingga menjadi
<html b:version='2' class='v2' 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' xmlns:fb='http://www.facebook.com/2008/fbml'>
9. Cari kode </head> dan letakkan kode berikut ini diatasnya
<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='JUDUL BLOG ANDA' property='og:site_name'/><meta content='App ID' property='fb:app_id'/><meta content='ID FB' property='fb:admins'/><meta content='article' property='og:type'/>
- Ganti JUDUL BLOG ANDA sesuai judul blog/situs anda.
- Ganti tulisan APP ID ANDA dengan nomor aplikasi id .
- Ganti ID FB dg ganti dengan ID FB profil milik anda. Contoh : https://www.facebook.com/profil/100000149724303
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'App ID',
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>
11. Cari kode di bawah ini
title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
Tambahkan kode di bawah ini
<b:if cond='data:blog.pageType == "item"'>Sehingga menjadi
<div class='fb-comments' data-num-posts='2' data-width='450' expr:data-href='data:post.url'/>
</b:if>
title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='fb-comments' data-num-posts='2' data-width='450' expr:data-href='data:post.url'/>
</b:if>
12. Save templates anda
Demikian tadi Cara Membuat Facebook Comment di Blogspot semoga bermanfaat untuk anda :)
{ 1 komentar... read them below or add one }
cara mendapatkan uang internet | Cara Mendapatkan Uang Dari Internet 100% Cepat, Gartis dan Halal.
Posting Komentar