2.copy code App ID simpan di notepad jangan ditutup dulu setingannya
3.Klik tulisan Website lalu masukkan url situs anda lalu save
4.Masuk/login ke blogger.com -> Template -> Edit HTML -> Lanjutkan -> tanda tik pada Expand Widget Template
Cari kode <html (paling atas)
Tambahkan kode berikut setelah kode no. 2
xmlns:fb='http://www.facebook.com/2008/fbml'
Jadinya akan seperti ini (lihat gambar, klik untuk memperbesar):
5. Cari kode ini: <b:skin>
Taruh kode berikut persis di atasnya kode <b:skin> (klik view plain untuk mengcopy)
<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='NOMOR ID PROFIL FB ANDA' property='fb:admins'/>
<meta content='article' property='og:type'/>
a. Ganti tulisan NAMA BLOG ANDA sesuai nama blog/situs anda.
b. Ganti tulisan APP ID ANDA dengan nomor aplikasi id Anda.
c. Ganti NOMOR ID PROFIL FB dg yang sesuai. Tidak tahu cara mengetahui nomor profil? Lihat di sini: http://www.alkhoirot.net/2011/09/cara-tahu-nomor-id-facebook-profile.html
b. Ganti tulisan APP ID ANDA dengan nomor aplikasi id Anda.
c. Ganti NOMOR ID PROFIL FB dg yang sesuai. Tidak tahu cara mengetahui nomor profil? Lihat di sini: http://www.alkhoirot.net/2011/09/cara-tahu-nomor-id-facebook-profile.html
6. Cari kode <body
Letakkan kode berikut setelah kode <body
Letakkan kode berikut setelah kode <body
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID', // App ID
channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html/', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
// Additional initialization code here
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>Ini langkah terakhir yang terpenting. Tanpa kode ini, kotak komentar FB tidak akan muncul di blog Anda.
1. copy code dibawah ini (jangan mengambil kode sendiri di developer pakai saja kode dibawah ini):
<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>
2.Masuk lagi ke Edit HTM, Expand Widget Template
3. paste code yang tadi di bawahnya kode <div class='post-footer-line post-footer-line-3'>
atau dibawah code <p class='post-footer-line post-footer-line-3'>
4. Klik Simpan Template. Selesai.
Edited by:http://indo-pages.blogspot.com/
Copas source:http://www.alkhoirot.net
0 komentar:
Posting Komentar