Posted by Aak
Aak-share.com Updated at: 12:42:00 PM

Cara Memasang Komentar Facebook di Blogger

No comments:
Cara Memasang Komentar Facebook di Blogger - Facebook merupakan salah satu sosial media populer yang banyak digunakan. Kebanyakan para Blogger memasang sosial median di situs atau websitenya bertujuan agar artikel yang telah dibuat dapat langsung dishare keakun sosial media.

Selain memasang sosial media Blog, Sahabat Blogger juga bisa memasang komentas sosial media seperti Facebook bertujuan agar pengunjung dapat dengan mudah berkomentar menggunkan akun Facebooknya. Banyak cara agar Blog kita dapat terhubung dengan sosial media Facebook seperti membuat Fans Page Facebook di Blog.

Nah, untuk itu Bagi sahabat yang ingin memasang komentar sosial media Facebook dapat dilakukan dengan mudah, terdapat dua cara dalam pemasangan komentar Facebook yaitu komentar Facebook untuk template biasa dan komentar Facebook Responsive untuk template Responsive. Berikut ini langkah-langkahnya :

Cara Memasang Komentar Facebook di Blogger

1. Login ke akun blogger.
2. Kemudian Pilih menu template dan klik Edit HTML.
3. Selanjutnya dengan menggunakan CTRL+F cari kode <body>
4. Kemudian letakkan kode di bawah ini tepat dibawahnya.

<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

5. Selanjutnya untuk mempermudah pencarian gunakan CTRL+F lalu cari kode <div class="comments" id="comments">
6. Kemudian letakkan kode di bawah ini tepat dibawahnya.

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

1. kode <div class="comments" id="comments"> biasanya lebih dari satu apabila ada dua anda letakkan di pertama, jika masih belum ada hasil ada letakkan yang kedua.
2. Angka 650 adalah lebar kotak komentar Facebook silahkan sesuaikan dengan tex area Blog Anda.

7. Simpan Template

Cara memasang komentar Facebook Responsive untuk template Responsive

1. Login ke akun blogger.
2. Kemudian Pilih menu template dan klik Edit HTML.
3. Selanjutnya dengan menggunakan CTRL+F cari kode </head>
4. Kemudian letakkan kode di bawah ini tepat dibawahnya.

<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>

5. 5. Selanjutnya untuk mempermudah pencarian gunakan CTRL+F lalu cari kode <div class="comments" id="comments">
6. Kemudian letakkan kode di bawah ini tepat dibawahnya.

<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>

Apabila diblog sudah terpasang komentar Facebook, Anda bisa menghapus dan menggantinya dengan kode komentar Faceebok Responsive ini

7. Simpan template

Cukup mudah bukan sobat, memasang komentar Facebook tentunya sangat baik untuk perkembangan Blog sobat karena dapat langkung terkonektivitas langsung dengan Facebook dan pengunjung bisa memberikan komentar langsungnya dari akun Facebook miliknya. Namun apabila Blog sobat tidak memiliki komentar dari faceebook sebaiknya anda tidak memasangnya karena dapat memberatkan loading Blog.

Sekian Cara Memasang Komentar Facebook di Blogger, selamt mencoba dan semoga bermanfaat!
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments