Thursday 25 December 2014

Cara Membuat Komentar Facebook di Blog


Pada kesempatan yang berbahagia ini, saya akan memnerikan tutorial mengenai Cara membuat Komentar Facebook di Blog

Langsung saja (diperhatikan yaaa....)
1. Pilih menu Template, lalu pilih Edit HTML
2. CTRL+ F, dan cari kode </head>, lalu copy paste script di bawah ini dan letakkan di atas 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>

3. CTRL+ F, dan cari kode <div class='comments' id='comments'>, lalu copy paste script di bawah ini dan letakkan di bawah kode <div class='comments' id='comments'>


<b:if cond="data:blog.pageType == &quot;item&quot;">
<h4>Post Comment</h4>
<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='5' width='500'/></div>
</b:if>

4. CRTL+F, dan cari  kode <body>, lalu copy paste script di bawah ini dan letakkan di bawah kode <body>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

5. CTRL+ F, dan cari kode <div class='comments' id='comments'>, lalu copy paste script di bawah ini dan letakkan di bawah kode <div class='comments' id='comments'>. Jika ada lebih dari satu kode, maka copy paste pada kode yang kedua.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='500' expr:data-href='data:blog.url'/>
</div>
</b:if>

Catatan : 500 adalah untuk menentukan lebar komentar facebook.

6. Save Template

Sekian Tutorial dari saya semoga bermanfaat....

Berlangganan artikel via email :

Delivered by Rifki's Blog

Share On:

Related Post:

2 comments:

  1. thanks! akhirnya gue nggak cuma bisa ngeshare fanpage fb di blog, tapi komen fb juga :)

    ReplyDelete
  2. Kalau kolom komentar, lebih suka bawaan dari blog.
    Males diedit edit lagi. Hehe

    ReplyDelete
terima kasih telah memberi komentar

 
 
©2014 All Right Reserved - Rifki's Blog
Design by Rifki's Blog | Powered By Blogger.com