Cara Buat Komentar Facebook di Blogspot

Cara Buat Komentar Facebook di Blogspot - Kotak komentar pada sebuah blog adalah sesuatu yang sangat penting untuk mengetahui opini yang ingin disampaikan pada pembaca, bagi anda dengan blog ber-platform Blogger/Blogspot sudah tersedia kotak komentar yang tersedia. namun terkadang id komentar yang digunakan tidak sesuai dengan komentator, alhasil sang komentator batal memberikan komentarnya. tapi sekarang Facebook telah memiliki aplikasi untuk membuat kotak komentar hanya dengan login dengan account facebook. jadi komentator memberikan komentarnya melalui account mereka masing-masing. 


Untuk cara buatnya, cekidot:

  • Silahkan buka halaman create application facebook. Isikan nama aplikasi terserah sekehendak agan (contoh= kotak komentar), centang persetujuan aplikasi, lalu klik tombol Buat Aplikasi Baru/Create Aplication.
  • Anda akan dibawa ke halaman berikutnya. Klik tab Web Site lalu isikan alamat URL blog anda pada kolom yang tersedia (contoh : http://anto-trd.blogspot.com), kalau sudah silahkan klik Simpan Perubahan.
  • Selanjutnya anda akan dibawa ke halaman berikutnya untuk mengambil ID aplikasi dan alamat email anda (ID dan Email anda nanti akan berguna untuk melengkapi code yang akan ditempatkan pada blog anda),  jangan ditutup halaman ini. 
  • Untuk pembuatan aplikasi di facebook sudah selesai. Sekarang silahkan masuk ke account blogger anda. kemudian pilih menu Rancangan/Design - Edit HTML Silahkan centang dulu Expand Template Widget (Saya anjurkan anda untuk melakukan Backup Template untuk menjaga hal yang tidak diinginkan dengan  klik Download Template Lengkap).
  • Silahkan cari kode ini <body> (Gunakan Fasilitas CLTR-F untuk mempercepat pencarian), setelah ketemu tambahkan code dibawah ini tepat dibawah code <body> 
  • <div id='fb-root'/>
  • <script>
    window.fbAsyncInit = function() {
    FB.init({
    appId : &#39; APP-ID ANDA &#39;,
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml : true // parse XFBML
    });
    };

    (function() {
    var e = document.createElement(&#39;script&#39;);
    e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
    e.async = true;
    document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
    </script>
    *Silahkan ganti APP-ID ANDA dengan ID Aplikasi yang di dapat dari Facebook tadi



    • Selanjutnya cari kode </body> , lalu tambahkan code dibawah ini tepat dibawah code </body>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='data:blog.pageTitle' property='og:title'/>
    <meta expr:content='data:blog.url' property='og:url'/>
    <b:else/>
    <meta expr:content='data:blog.title' property='og:title'/>
    <meta expr:content='data:blog.homepageUrl' property='og:url'/>
    </b:if>
    <meta content='Nama Blog Anda' property='og:site_name'/>
    <meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
    <meta content='APP-ID Anda' property='fb:app_id'/>
    <meta content='Alamat Email Anda di Aplikasi' property='fb:admins'/>
    <meta content='article' property='og:type'/>



    *Silahkan ganti tulisan yang di bold dengan Nama/Judul blog anda, ID Aplikasi dan alamat email yang diperoleh dari aplikasi yang anda buat tadi


    • Langkah terakhir adalah, silahkan cari code <data:post.body/> , jika sudah ketemu silahkan tambahkan code dibawah ini tepat bawah kode <data:post.body/> 
    <b:if cond='data:blog.pageType == &quot;item&quot;'><br/> <p align='left'><a href='http://anto-trd.blogspot.com/2010/09/cara-buat-komentar-facebook-di-blogspot.html' target='new'><img border='0'/></a></p><div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='450'/></div><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b>  by <a href='http://anto-trd.blogspot.com/2010/09/cara-buat-komentar-facebook-di-blogspot.html' target='_blank' title='Facebook Comment'>Pengen Kotak Komentar kayak Gini? Klik Disini</a></b></div></b:if><br/>
    Sumber: Suranegara

Comments :

1
Bisnis-Online mengatakan... on 

Gan, kok ga bisa ya, padahal udah ngikutin semua cara tersebut...
apa ga support sama template ini ya ?
template dari ABC

Posting Komentar

 
Master Niam
Blogger Template by Premium Wordpress Themes and Blogger Template | Host In Blogger.com