Cara Memasang Komentar Facebook Di Blogger

Cara Memasang Komentar Facebook Di Blogger

Cara Memasang Komentar Facebook di Blogger - Facebook merupakan salah satu sosial media terkenal yang banyak digunakan. Kebanyakan para Blogger memasang sosial median di situs atau websitenya bertujuan biar artikel yang telah dibentuk sanggup eksklusif dishare keakun sosial media.

Selain memasang sosial media Blog, Sahabat Blogger juga sanggup memasang komentas sosial media menyerupai Facebook bertujuan biar pengunjung sanggup dengan gampang berkomentar menggunkan akun Facebooknya. Banyak cara biar Blog kita sanggup terhubung dengan sosial media Facebook menyerupai membuat Fans Page Facebook di Blog.

Nah, untuk itu Bagi sahabat yang ingin memasang komentar sosial media Facebook sanggup 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 sajian template dan klik Edit HTML.
3. Selanjutnya dengan memakai CTRL+F cari arahan <body>
4. Kemudian letakkan arahan di bawah ini sempurna 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 kemudian cari arahan <div class="comments" id="comments">
6. Kemudian letakkan arahan di bawah ini sempurna 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. arahan <div class="comments" id="comments"> biasanya lebih dari satu apabila ada dua anda letakkan di pertama, kalau 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 sajian template dan klik Edit HTML.
3. Selanjutnya dengan memakai CTRL+F cari arahan </head>
4. Kemudian letakkan arahan di bawah ini sempurna 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 kemudian cari arahan <div class="comments" id="comments">
6. Kemudian letakkan arahan di bawah ini sempurna 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 sanggup menghapus dan menggantinya dengan arahan komentar Faceebok Responsive ini

7. Simpan template

Cukup gampang bukan sobat, memasang komentar Facebook tentunya sangat baik untuk perkembangan Blog sobat sebab sanggup langkung terkonektivitas eksklusif dengan Facebook dan pengunjung sanggup menawarkan komentar langsungnya dari akun Facebook miliknya. Namun apabila Blog sobat tidak mempunyai komentar dari faceebook sebaiknya anda tidak memasangnya sebab sanggup memberatkan loading Blog.

Sekian Cara Memasang Komentar Facebook di Blogger, selamt mencoba dan semoga bermanfaat!

Sumber http://www.websiteedukasi.com/
Blogger
Disqus
Pilih Sistem Komentar

No comments

Advertiser