Cara Pasang Form Komentar Facebook di Blogspot

Jumat, 28 Oktober 2011

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.

alt=""id="BLOGGER_PHOTO_ID_5668257212291330738" />

4. Pilih Izinkan.

alt=""id="BLOGGER_PHOTO_ID_5668257207961464770" />

5. Pilih Create New App.

alt=""id="BLOGGER_PHOTO_ID_5668257212599885010" />

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 == "item"'>

<div style='background-color:}#ffffff; padding:10px; border:1px solid #cccccc;'>

<p align='left' style='background:transparent;'><a href='http://www.klub-abg.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: 'ID-APLIKASI', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').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://www.klub-abg.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.