Cari Artikel

Friday 28 October 2011

Cara Pasang Form Komentar Facebook di Blogspot

Facebook (FB) merupakan jejaring sosial yang paling populer sekarang ini. Siapa sih yang gak punya akun FB? So, kadang kita perlu memasang form komentar Facebook agar pengunjung bisa langsung mengomentari postingan kita tanpa harus login ke akun google dulu.



Cara memasangnya ikuti langkah-langkah berikut ini.

1. Login ke akun facebook anda.

2. Buka Developers Facebook Klik Aplikasi.



3. Masukkan kata sandi FB anda da klik Lanjutkan.



4. Pilih Izinkan.



5. Pilih Create New App.



6. Isi Judul dan Alamat Aplikasi (bebas) dan centang I Agree dan klik Lanjutkan.



7. Ketik Kata Pengaman dan klik Kirim.



8. Akan Muncul data Applikasi ID dll. Copy ID tersebut yang selanjutnya akan kita gunakan untuk ID di Form Komentar.



9. Buka Blogger - Dashboard - Design - Edit HTML - Download Full Template (untuk bakup template) - Centang Expand Widget Templates.





10. Cari Kode <data:post.body/> (dengan Ctrl+F)

11. Copy Kode dibawah ini dan ganti ID-APLIKASI dengan ID anda dan paste di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:
#ffffff; padding:10px; border:1px solid #cccccc;'>
<p align='left' style='background:transparent;'><a href='http://free-blog-tutorial.blogspot.com/2011/10/cara-pasang-form-komentar-facebook-di.html' target='new'><img src='https://lh5.googleusercontent.com/-UKy3AkaVElg/Tr2E6dkOaZI/AAAAAAAAAsg/vacAFSJlZSQ/s144/fbcomment.png'/></a></p>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({appId: &#39;
ID-APLIKASI&#39;, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(&#39;script&#39;); e.async = true; 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 num_posts='
10' width='300'/>
<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href='http://free-blog-tutorial.blogspot.com/2011/10/cara-pasang-form-komentar-facebook-di.html' target='_blank' title='Blog Tutorial'>Get This Comment Form</a></p></div>
</b:if>


12. Save Template dan coba lihat hasilnya.
yang warna biru bisa disesuaikan dengan temlpate blog, kode '#ffffff' adalah warna backgroud, '10' adalah jumlah komentar yang di tampilkan dan '300' adalah lebar form komentar.
Thanks sudah menunjungi blog ini, semoga bermanfaat.

Get This

Artikel Terkait



22 comments:

  1. Trims tutorialnya Mas, susah dicoba. Sudah aku pasang linknya.

    ReplyDelete
  2. @GuestSusah apanya Sob, Thanks linkback nya.

    ReplyDelete
  3. KK No : 1 & 2 sdh dilakukan


    tapi setelah klik Applikasi yg kluar kok bukan No 3..

    mhn penjelasannya KK..trmksh

    ReplyDelete
  4. dari No 2 langsung No. 5 trus No 6
    Appnamespace diisi apa kk ?....

    ReplyDelete
  5. @Fredi Nazar Bebas, misalnya komentar blog ku, atau yang lainnya. Jika gak bisa coba yang lainnya. Biasanya 2x langsung bisa, Met blogging Sobat.

    ReplyDelete
  6. KK maaf tanya trus smoga kk dpt balasannya dari yg KUASA ...mslh baru

    No. 10 sdh dilakukan trus copy paste file KK NO.11 yg warna MERAH smua persis dibwh & sdh aku ganti ID-PLIKASI dengan App ID : ku yg diberi ****6914461*** trus klik simpan kok masih ngga ada di Blog ku KK ...mhn bantuannya trmksh

    ReplyDelete
  7. @Fredi Nazar Sudah aku lihat blognya, sudah muncul form komen FB nya sobat.

    ReplyDelete
  8. trima kasih KK yg caem aku bahagia banget mhn bimbingannya trus.....jangan bosen

    ReplyDelete
  9. @Fredi Nazar Sama2 mas, ditunggu postingan2nya.

    ReplyDelete
  10. Kuq aq bikin gak bisa yo gan?

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. thx sob.....sudah berhasil saya terapkan...

    ReplyDelete
  13. @MP Ada yang salah kali Sob, coba diulang lagi.

    ReplyDelete
  14. Tutornya sangat bermanfaat gan, nice info. thanks

    ReplyDelete
  15. Makasih gan info nya

    Visit my blog riio289.blogspot.com

    ReplyDelete
  16. terima kasih ya atas sharingnya.
    akan segera saya coba.
    Salam blogger.

    ReplyDelete