Breaking News
recent

Memasang Plugin Komentar Facebook Di Blogspot (Responsive)

Facebook Comment Plugin
Facebook Comment Plugin
( klik untuk memperbesar )
Skylibrary, Memasang Plugin Komentar Facebook Di Blogspot (Responsive) - Facebook sudah menyediakan banyak plugin yang dapat kita gunakan untuk kebutuhan website kita sehingga website kita menjadi sangat interkatif dan powerfull. Dan kali ini akan membahas bagaimana cara menggunakan atau memasang plugin komentar facebook pada blogspot kita. Sebenarnya cara ini sangatlah mudah jika pembaca ( visitor ) dapat membacanya dengan teliti. Cukup copas saja script yang telah disediakan dibawah ini dan lakukan sesuai petunjuk yang telah ditetapkan.agar kegiatan ini berjalan dengan baik. Berikut caranya ........ disimak yaa

Pertama, masuk ke editor templete blog anda lalu tambahkan script berikut ini tepat dibawah kode <head>.
<meta content='FB Profile ID' property='fb:admins'/>
<meta content='App ID' property='fb:app_id'/>
Catatan: Ganti Fb Profile ID dan App ID dengan ID facebook anda

Kedua, Berikutnya cari kode </head> lalu letakkan script dibawah ini sebelum atau diatas 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>

Ketiga, Cari kode <data:post.body/> yang saya tahu kode tersebut biasanya ada 2 (dua) dan pilih yang paling terakhir atau bisa dicoba satu persatu, lalu letakkan script dibawah ini tepat dibawahnya.

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

Keempat, save atau simpan templete anda kemudian cek perubahan atau hasil yang telah dibuat tadi. 

Itulah cara sederhana membuat atau memasang plugin facebook pada blogspot kita. Jika ada masalah dalam penerapannya silahkan tinggalkan komentar anda ya. Dan jika tutorial ini bermanfaat buat anda boleh dishare dengan teman lainnya. Terima kasih untuk kita semua.

Keywords:
#PluginFacebook #Komentar #CaraMudah #www.masyadi.com
Unknown

Unknown

No comments:

Post a Comment

Bagi para blogwalking maupun visitor yang ingin berkomentar harap dengan sopan santun dan tidak melakukan promosi dalam bentuk apapun baik Iklan, URL live link ataupun tidak. Maka komentarnya akan ditampilkan. Terima kasih untuk kita semua. Salam Blogwalking

Powered by Blogger.