Cara mudah Pasang Kolom Kotak Komentar Facebook pada Blog kita. Langsung aja kita ikuti beberapa tahapannya...cekidot:
TAHAP 1
1. Login ke akun Blogger Anda.
2. Klik "Rancangan"
3. Klik "Edit HTML"
4. Klik "Download Template Lengkap" untuk menyimpan Template Blogger Anda yang lama, sebagai cadangan ketika Anda ingin mengembalikan desain lama nantinya.
5. Centang "Expand Template Widget"
6. Cari kode : <body> dengan cara tekan Ctrl dan F pada keyboard untuk memunculkan Halaman Find pada Mozilla. Ketik atau kopi paste kode tersebut ke kolom Find Mozilla untuk mencari
7. Setelah ketemu, kopi paste kode ini persis dibawahnya <body>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '267989390769',
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>
8. Klik "Simpan Template" untuk menyimpan.
TAHAP 2
1. Cari kode : </head> Ketik atau copy paste kode tersebut ke kolom Find Mozilla untuk mencari.
2. Setelah ketemu, copy dan paste kode ini persis dibawahnya </head>
<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='http://namabloganda.blogspot.com/' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='267989390769' property='fb:app_id'/>
<meta content='kode id profile facebook anda' property='fb:admins'/>
<meta content='article' property='og:type'/>
Keterangan : Kode id profile facebook adalah ketika Anda mengklik profile facebook Anda kode apa yang muncul setelah link www.facebook.com/, bisa nama pengganti anda atau kode berupa deretan angka. Nah, copy dan paste saja nama atau deretan angka tersebut. Dan ganti http://namabloganda.blogspot.com/ dengan alamat blog anda.
3. Klik "Simpan Template" untuk menyimpan.
TAHAP 3
1. Cari kode :
2. Setelah ketemu, copy dan paste kode ini persis dibawahnya <data:post.body/>
<div style='background-color: #ffffff; padding-left:20px; margin-top:50px; border: solid 1.2px #cccccc;'><b:if cond='data:blog.pageType == "item"'><br/><div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='380'/></div><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:95%;'><b><a href='http://noteskedokteran.blogspot.com/2010/12/cara-pasang-kolom-komentar-di-bawah.html' target='_blank' title='Facebook Comment'>Pasang segera Kotak Komentar seperti ini di Blog Anda. Simak panduannya di sini.</a></b></div></b:if><br/></div>
Keterangan : 500 : Atur lebar sesuai dengan lebar halaman posting blog Anda.
3. Klik "Simpan Template" untuk menyimpan.
Selamat mencoba...dan jangan lupa tinggalkan komentar anda.
TAHAP 1
1. Login ke akun Blogger Anda.
2. Klik "Rancangan"
3. Klik "Edit HTML"
4. Klik "Download Template Lengkap" untuk menyimpan Template Blogger Anda yang lama, sebagai cadangan ketika Anda ingin mengembalikan desain lama nantinya.
5. Centang "Expand Template Widget"
6. Cari kode : <body> dengan cara tekan Ctrl dan F pada keyboard untuk memunculkan Halaman Find pada Mozilla. Ketik atau kopi paste kode tersebut ke kolom Find Mozilla untuk mencari
7. Setelah ketemu, kopi paste kode ini persis dibawahnya <body>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '267989390769',
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>
8. Klik "Simpan Template" untuk menyimpan.
TAHAP 2
1. Cari kode : </head> Ketik atau copy paste kode tersebut ke kolom Find Mozilla untuk mencari.
2. Setelah ketemu, copy dan paste kode ini persis dibawahnya </head>
<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='http://namabloganda.blogspot.com/' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='267989390769' property='fb:app_id'/>
<meta content='kode id profile facebook anda' property='fb:admins'/>
<meta content='article' property='og:type'/>
Keterangan : Kode id profile facebook adalah ketika Anda mengklik profile facebook Anda kode apa yang muncul setelah link www.facebook.com/, bisa nama pengganti anda atau kode berupa deretan angka. Nah, copy dan paste saja nama atau deretan angka tersebut. Dan ganti http://namabloganda.blogspot.com/ dengan alamat blog anda.
3. Klik "Simpan Template" untuk menyimpan.
TAHAP 3
1. Cari kode :
2. Setelah ketemu, copy dan paste kode ini persis dibawahnya <data:post.body/>
<div style='background-color: #ffffff; padding-left:20px; margin-top:50px; border: solid 1.2px #cccccc;'><b:if cond='data:blog.pageType == "item"'><br/><div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='380'/></div><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:95%;'><b><a href='http://noteskedokteran.blogspot.com/2010/12/cara-pasang-kolom-komentar-di-bawah.html' target='_blank' title='Facebook Comment'>Pasang segera Kotak Komentar seperti ini di Blog Anda. Simak panduannya di sini.</a></b></div></b:if><br/></div>
Keterangan : 500 : Atur lebar sesuai dengan lebar halaman posting blog Anda.
3. Klik "Simpan Template" untuk menyimpan.
Selamat mencoba...dan jangan lupa tinggalkan komentar anda.
No comments:
Post a Comment