Jika kalian bingung dengan cara pemasangan kodenya, dibawan ini akan coba saya jelaskan tata cara memasang kolom komentar menggunakan facebook :
Pertamana- tama kalian harus punya fp facebook ( fanspage ) jika blm punya silahkan bikin, lalu kalian harus membuat aplikasi disini
jika sudah langkah pertama adalah cari kode <Head> dan tempel kode dibawah ini setelah kode <Head>
<meta content='12345678' property='fb:admins'/>
<meta content='12345678910' property='fb:app_id'/>
<meta content='12345678910' property='fb:app_id'/>
Ganti kode yang diwarnai diatas dengan id admin dan id aplikasi kalian, untuk mengetahui id admin kalian bisa mendapatkannya disini liah gambar dibawah ini :
2. jika kode meta tag <head> sudah ditempel dan diganti dengan ID admin dan ID aplikasi kalian, sekarang cari </head> dan tempelkan kode dibawah ini tepat setelah kode </head> atau dibawah kode </head> :
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="10"></div>');
FB.XFBML.parse( );
});
//]]>
</script>
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="10"></div>');
FB.XFBML.parse( );
});
//]]>
</script>
3. Pasang kode JS/HTML, paste kode dibawah ini betelah kode <data:post.body/> yang kedua atau yang ketiga atau dibawah kode <div id='related post'>...</div> atau didalam <div class='post-footer-line post-footer-line-3'> </div>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if>
4. Save Templete selesai.
Lihat, selamat sekarang kolom komentar blog kalian sudah ganti dengan kolom komentar facebook. cara ini sangat simple dan mudah selamat mencoba, terimakasih yang sudah berkunjung jika kaliam merasa bermanfaat silahkan dishare ke teman-teman kalian terimakasih wassalam.
No comments:
Post a Comment