langsung saja kita mulai
untuk tahap
1. login ke blog mu dan jangan lupa sekalian login juga ke facebook
setelah cara diatas sudah kamu kerjakan masuk link ini http://www.facebook.com/developers/createapp.php
2. setelah masuk izinkan aplikasi tersebut
3. membuat aplikasi kita, caranya isi nama aplikasi kemudian pilih setuju lihat gambar jika kurang jelas
setelah itu masukkan code keamanan seperti dibawah ini
5. jika sudah selesai nanti kamu akan masuk ke halaman lain seperti gambar dibawah dan kamu akan diberi Kode aplikasi, dimana code tersebut akan kita gunakan,kemudian pilih web site,dan isi alamat blog anda di Url situs, dan simpang perubahan seperti gambar dibawah
6. kemudian mari kita bergerak ke blog, untuk tahap awal kita masuk dulu ke pengaturan, kemudian pilih komentar dan pilih urutan pertama untuk komentar pilih sembunyikan/klik sembunyikan, lihat gambar untuk lebih jelasnya, setelah itu simpan
7. untuk langkah selajutnya masuk rancangan kemudian edit HTML, jangan lupa centang expan widged sepeti di tunjukkan pada gambar
8. mulai mencari kata <body> untuk mempercepat tekan CTRL + F
kemudian pastekan code berikut tepat dibawah code yang kita cari tadi tulisan yang bewarna merah jangan lupa dengan code aplikasi mu
<div id='fb-root'/>seperti gambar dibwah ini.
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ' KODE APLIKASI ',
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>;
9. kemudian cari code </body> setelah ketemu pastekan code berikut tepat dibawahnya jangan lupa ganti tulisan bewarna merah dengan code tulisanmu
<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 MU' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='KODE APLIKASI' property='fb:app_id'/>
<meta content='ALAMAT EMAIL MU' property='fb:admins'/>
<meta content='article' property='og:type'/>
gambar/ contohnya
10. dan ini yang terakhir kamu coba cari code <data:post.body/>
biasanya dalam template terdapat dua code yang sama, tetapi jangan takut pilih code yang kedua biasanya letaknya gak jauh2 amet, kalau cuma satu code aja gak apa2 langsung aja pastekan code berikut ini tepat dibawahnya
<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='450'/></div>Note:
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'></div></b:if>
untuk tulisan yang saya beri warna dapat kamu isi dengan code aplikasi kamu tadi
dan simpan templat kemudian kamu cek deh pasti ntar muncul udah terbukti 100%
selamt mencoba semoga bermanfaat, maaf kalau tutorialnya terlalu panjang ^_^
credit: Admin iseng2010.blogspot.com
Postingan
Komentar :
Posting Komentar