Cara Membuat Kotak Komentar Facebook di Blogspot (Update)

Semakin populernya situs jejaring sosial seperti facebook, maka banyak juga temen-temen blogger yang memasang form komentar facebook di blogspotnya untuk memudahkan interaksi dengan pengunjung blog selain kotak komentar standarnya blogspot.


Untuk memasang form komentar facebook di blogspot caranya :

1. Buat aplikasi facebook caranya baca disini.
2. Buka Dashboard - Design - Edit HTML - Download Full Template (buat jaga-jaga jika ada masalah) - Centang Expand Widget Templates.

3. Cari kode <b:includable id='status-message'> dengan Ctrl-F, nanti akan ketemu seperti dibawah ini.

</b:includable>
<b:includable id='status-message'>

4. Copy script dibawah ini dan letakkan diatas kode </b:includable>.


<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=ID-APLIKASI&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='400'/>
</b:if>

5. Ganti ID-APLIKASI dengan id-aplikasi yang telah dibuat, angka 5 adalah jumlah komentar yang mau ditampilkan dan angka 400 merupakan lebar dari kotak komentar facebook.

6. SAVE TEMLPATE dan lihat hasilnya.

Semoga bermanfaat.


Terima kasih atas kungjungan nya...

Read more


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


Terima kasih atas kungjungan nya...

Read more

About This Blog

Auto Backlink

My Blogs

Blog Archive

Followers

Web hosting for webmasters