|Cara Membuat Kotak Komentar Via Facebook di Blog|
|Created Posted By : adias-PC|
Mau Tau Cara Membuat Kotak Komentar Via Facebook di Blog ? Cara Membuat Kotak Komentar Via Facebook di Blog Seperti Gambar Di Samping. Caranya Mudah sob Tinggal Ikutin Tutorial Di bawah ini :
1. Login Ke Facebook.
2. Buka Almat Web ini : http://www.facebook.com/developers/createapp.php
Beri nama kotak komentarmu, centang setuju
dan "Buat aplikasi bari"
dan "Buat aplikasi bari"
verifikasi kata, dan "Submit"
Klik pada " Web site " lalu ketikkan alamat blog ,
Catet, ID Aplikasi, dan Email
3. Kalo Sudah Langsung Login Ke Blogger.
4. Pilih Tab Rancangan/Desaign --->Edit HTML.
5. Download template full dan Expand Widget template, untuk menghindari kemungkinan gagal.
6. Cari Kode <body> (Gunakan F3 Atau Ctrl + F)
7. Kalo sudah Ketemu Copas Kode berikut di bawah Kode <body>.
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ' ID APLIKASI ANDA ',
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>;
KET* : Ganti ID APLIKASI ANDA dengan Kode Applikasi barusan
8. Selanjutnya Cari Kode </body> (Gunakan F3 Atau Ctrl + F)
9. Copas Kode Berikut ini Di bawah Kode </body>
<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='ID APLIKASI ANDA' property='fb:app_id'/>
<meta content='ALAMAT EMAIL APLIKASI' property='fb:admins'/>
<meta content='article' property='og:type'/>
KET* : Ganti Kode yang berwarna merah Sesuai Keterangan
10. Cari Lagi Kode <data:post.body/> (Gunakan F3 Atau Ctrl + F)
11. Copas Kode berikut ini di bawah kode <data:post.body/>
<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><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'></div></b:if>
12. Simpan Templatenya.
Created Posted By : adias-pc.blogspot.com
Kalau Ada Yang Kurang Di Mengerti Silakan Berkomentar.....
2 komentar:
terimakasih sobat tutorialnya sangat membantu
@Download game Gratis Sama Sama Sob...
Posting Komentar
Bagi sobat yang mau berkomentar silakan berkomentar dengan kata-kata yang sopan.