menambah komentar facebook di blog

Dalam catatan saya kali ini, saya akan menulis tentang "Membuat komentar Facebook di setiap postingan blog". Inilah yang saya sejak lama ingin ungkap. Akhirnya, ketemu juga caranya.
 Masalahnya dulu mencoba, malah setiap postingan punya komentar sama. Halaman posting ini saya revisi dan saya update. Masalahnya, postingan yang sebelumnya kurang memuaskan.
Carilah kode berikut:
Cari kode berikut:
<data:post.body/>

atau kode dibawah ini (jika sudah pakai read more):

<style>.fullpost{display:inline;}</style> <p><span style="background-color: white; color: magenta;"><data:post.body/</span><span style="color: magenta;"></span></p> <b:else/> <style>.fullpost{display:none;}</style><br /> <p><span style="color: magenta;"><data:post.body/></span> ...<a expr:href='data:post.url'>READ MORE</a></p>
kode letakkan disini!!!

Hanya ada perubahan script sedikit, hanya menambahkan tag expr xid.
Ganti huruf merah di atas dengan kode berikut.

<div id='fb-root'/>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: &#39;19474xxx0536959&#39;, status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement(&#39;script&#39;);
        e.type = &#39;text/javascript&#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>
            <fb:comments expr:xid='data:post.id' numposts="10" width="255"/></fb:comments>

Jika Anda menginginkan jumlah komentar (numpost) dan ukuran lebar (width)yang berbeda, maka gantilah warna biru dengan nilai yang diinginkan.
Ganti angka warna merah dengan APP ID Anda. Banyak cara menempatkan komentar ini, sesuaikan dengan selera Anda. Anda bisa juga memajang komentar posting di sidebar, di atas postingan, dll. Untuk membuat App id silakan pelajari disini.
Hasilnya seperti di bawah postingan ini. 



<div id='fb-root'/>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: &#39;194746910536959&#39;, status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement(&#39;script&#39;);
        e.type = &#39;text/javascript&#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>
            <fb:comments expr:xid='koment’ numposts="10" width="255"/></fb:comments>

No comments:

Post a Comment