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'/>8. Klik "Simpan Template" untuk menyimpan.
<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>
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"'>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.
<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'/>
3. Klik "Simpan Template" untuk menyimpan.
TAHAP 3
1. Cari kode : <data:post.body/> kalau tidak ada anda coba <p><data:post.body/><p> Ketik atau copy paste kode tersebut ke kolom Find Mozilla untuk mencari.
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;'><p style='margin-top:15px'><a href='http://www.yaiyalah.com/2009/09/tutorial-cara-pasang-kolom-komentar.html' target='_blank'><img border='0' src='http://2.bp.blogspot.com/_YxnkPbirJzI/TIzochNdyrI/AAAAAAAAARc/CdeylLpq5ts/s220/blog.jpg'/></a></p><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='500'/></div><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:95%;'><b><a href='http://aanwildan.blogspot.com/2010/09/pasang-komentar-facebook-di-blog.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.
By : Kholili Elekstro
0 komentar:
Posting Komentar