Jumat, 31 Juli 2015

on 3 comments

Cara Membuat Postingan Blog Dapat dikomentari Langsung dengan Akun Facebook

 Dari sekian banyak trik SEO, trik berikut juga ampuh untuk meningkatkan traffik blog. Betapa tidak, pengunjung akan lebih suka jika blog kita lebih friendly dan tidak ribet, biasanya ada pengunjung masih belum paham tentang tulisan kita atau ingin memberi masukan/tanggapan maupun hanya sekedar mengucapkan terimakasih. Bayangkan kalau ada pengunjung yang tidak mempunyai akun gmail untuk dapat berkomentar atau males untuk login. Jadi dengan
adanya ini pengunjung dengan facebook pun dapat berkomentar. Dan pastinya dia akan mendapatkan pemberitahuan melalui facebook, dengan begitu dia pun akan kembali mengunjungi blog kita. Intinya jumlah viewer blog kita pun jadi lebih bertambah. Oke daahh.. Tanpa banyak basa-basi lagi, berikut adalah cara membuat pengunjung blog dapat mengomentari langsung postingan di blog kita dengan akun facebook.

1.    Pertama pergi ke editor template (pada dasbor blogger klik template > edit HTML) , lalu pasang script berikut dibawah kode <head>
<meta content='FB Profile ID' property='fb:admins'/>
<meta content='App ID' property='fb:app_id'/> 
Ganti Profile ID dan App ID dengan ID facebook anda,
Seach aja di google untuk cara mengetahui ID profile faceboook.

2.    Kemudian cari kode </head> (gunakan Ctrl+F untuk memudahkan) Copy-Paste script berikut 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.    Selanjutnya pasang script berikut tepat dibawah <data:post.body/> ( agar tidak error taruh pada kode <data:post.body> paling akhir, untuk lebih mudah scrool aja sampai baris paling bawah lalu tekan Ctrl+F ketik <data:post.body> pada search box-nya)

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

4.     Langkah terakhir simpan templatenya, lalu buka blog sobat untuk melihat perubahan.

Sekian untuk cara memasang kotak komentar facebook di postingan blog dengan akun facebook.

Sumber : www.masyadi.com

3 komentar: