Cara memasang komentar facebook di blog
Cara memasang komentar facebook di blogspot - Cara Membuat Komentar Facebook di Blog,Cara Pasang Kotak Komentar Facebook di Blogger, Cara Memasang Komentar Facebook di Blogspot, Manfaat memasang kotak komentar facebook selain memudahkan pengunjung untuk bisa langsung berkomentar karena biasanya kebanyakan dari pengunjung blog sudah login pada akun facebooknya, kotak komentar facebook menjadi daya tarik untuk membuat pengunjung blog semakin betah untuk berkunjung kembali ke blog sobat,Buat yang tertarik untuk memasang kotak komentar facebook pada blog IBE-MASTEPIECE menyediakan tutorial dibawah ini.
- Buatlah Facebook App ID ( Aplikasi di Facebook ) Login dulu dengan Account Facebook Anda Lalu Silahkan buka web ini http://www.facebook.com/developers/createapp.php
- Beri nama kotak komentarmu, centang setujudan "Buat aplikasi baru" kemudian verifikasi kata, dan "Submit"
- Catat ID yang kamu dapat dan jangan lupa save url teman-teman disitu
- Nah sekarang tinggal memasukkanya ke blog sobat.
- Masuk ke blogger
- pilih Design / Rancangan
- Pilih Edit HTML
- Download template full dan Expand Widget template, untuk menghindari kemungkinan gagal
- Cari kode yang mirip seperti kode dibawah ini,letakkanya paling atas.
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
- Tambahkan dengan kode xmlns:fb='http://www.facebook.com/2008/fbml' akhirya terlihat seperti kode dibawah ini:
<html xmlns:fb='http://www.facebook.com/2008/fbml' xmlns='http://www.w3.org/1999/xhtml'xmlns:b='http://www.google.com/2005/gml/b'xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' >
- Letakkan kode berikut tepat dibawah kode <body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APP ID FB KAMU',
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);
}());
<fb:comments/>
</script>
- Ganti yang berwarna merah dengan ID aplikasi fb kamu.
- Cari kode <title><data:blog.title/></title> kode ini letakknya diatas juga,atau bagi yang memasang meta tag tambahkan dibawah kode meta tag blog kamu. letakkan kode berikut dibawah kode <title><data:blog.title/></title> atau dibawah meta tag.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 BLOGMU' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='YOUR-APP-ID' property='fb:app_id'/>
<meta content='PROFIL ID FB' property='fb:admins'/>
<meta content='article' property='og:type'/>
- Ganti keterangan yang berwarna merah sesuai punya kamu.
- Cari lagi kode <data:post.body/> dan letakkan kode berikut dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'>Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!</p>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='550'/></div>
<div style='background-color: #000;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='' width='16'/> <b><a href='http://ibnuphyta.blogspot.com/' target='_blank' title='IBE-MASTERPIECE'>Comments for blogger!</a>
</b:if>
- Terakhir simpan template kamu
terimakasih telah menbaca Cara memasang komentar facebook di blogspot semoga dapat membantu teman-teman sekalian .
Rating: 4.5 oleh ibnuphyta.web.id
Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!
Postingan
0 komentar:
Posting Komentar