Cara Pasang Kotak Komentar Facebook Pada Blog

Cara Pasang Kotak Komentar Facebook Pada Blog
Facebook, situs jejaring sosial yang mempunyai pengguna terbanyak di dunia telah membuat para pengguna mereka merasa addicted. Sesuai slogan mereka yaitu “Facebook membantu Anda terhubung dan berbagi dengan orang-orang dalam kehidupan Anda”,Facebook memberikan segala kemudahan untuk terhubung dengan orang lain. Salah satu kelebihan layanan Facebook yang berguna bagi blogger adalah dengan adanya widget kotak komentar pada blog yang terintegrasi dengan Facebook. 


Dengan adanya kotak komentar Facebook, para pengunjung dapat mengirim komentar pada artikel blog dengan mudah. Selama ini jika hanya mengandalkan kotak komentar default dari Blogger, maka pengunjung terkadang merasa malas untuk berkomentar karena ada beragam persyaratan yang harus dipenuhi misalnya harus login ke Google Acoount-meskipun terkadang pemilik blog juga mengijinkan anonymous user untuk post komentar di blognya.

Selain itu kelebihan kotak komentar Facebook ini adalah sangat efektif untuk SEO (Search Engine Optimizing), karena ada pilihan “Post comment to my Facebook profile”. Jika tanda centang diaktifkan, maka komentar dari pengunjung akan mampir juga ke profile pengunjung tersebut. Dengan demikian besar kemungkinan teman mereka yang bisa saja tertarik dengan postingan kita dan akhirnya ikut berkunjung ke blog kita.

Penampakan Kotak Komentar Facebook:

Langsung saja cara pasang kotak komentar Facebook pada blogger adalah sebagai berikut: 
1. Non aktifkan komentar stardar dari blogger jika sobat tidak ingin ada 2 tipe kotak komentar. Langkah untuk menonaktifkannya adalah :
- Buka account Blogger
- Klik “Setting” pilih tab “Comment”
- Kemudian klik radio button “Hide”
- Save Setting
2. Selanjutnya kembali ke “Dashboard Blogger” dan pilih “Edit HTML”
3. Centang “Expand Widget Templates”
4. Cari kode berikut:

<data:post.body/>

atau

<div class=’post-header-line-1′/>

5. Letakkan kode berikut dibawahnya: 
      NB: Jika sobat memakai readmore, letakkan kode dibawah <data:post.body/> yang kedua. 

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<p align='left'><a href='

http://bocah-mbelis.blogspot.com

' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRW6geb34WXEOqZpc0LxHw_Aietq1-e07K1Vl8ma1GMcLdqXnMbv_BdYcT9OL3YidFFrsF1I8eDao-PspShXEtevRwKOjRCHi1Q_W7XdbD0rXntvKB09mXibErK-LOx7A9UY_FWEkQn17d/s1600/CommentsFB.png'/></a></p>

<div id='fb-root'/>

<script>

window.fbAsyncInit = function() {

FB.init({appId: &#39;136575963025211&#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/>

</b:if>

<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://bocah-mbelis.blogspot.com/2012/03/cara-pasang-kotak-komentar-facebook.html' target='_blank' title='Facebook Comment'>Facebook Comment untuk Anda!</a></b></div>

6. Simpan template sobat.
7. Dan akhirnya kotak komentar Facebook telah nampang di setiap postingan sobat!

Bagaimana? Mudah bukan! 

Sobat ingin mencoba berkomentar di kotak komentar Facebook? Silakan komentar di kotak komentar di bawah ya! :D

Selamat mencoba!

Sumber : bangjohan

Baca Juga Yang Ini:

Blog

• Cara Mengetahui Berat Blog
• 6 Langkah Mempercepat Loading Blog
• Cara Membuat Reply Komentar Pada Blogspot
• Ide Cerdas Cara Membangun Backlink Site : Kidulratan.com
• Cara Membuat Related Posts Bergambar
• SCRIPT UPDATE POST TERBARU
• Cara Membuat Warna Background Blog Berubah-ubah
• SCRIPT UPDATE TERAKHIR
• Cara Membuat Related Post Pada Blog
• 18 Dasar SEO Yang Perlu Di Ketahui
• Cara Memasang MP3 di Blog
• Sopa protes tidak akan merusak peringkat pencarian Google
• Bocah Mbelis
• Cara Kerja Adf.ly Mengumpulkan Dolar
• Cara Memperkuat Mutu Blog
• Membuat background Gambar Pada Posting Blog
• Cara Membuat Auto Refresh Pada Blog
• Cara Membuat Auto Refresh Blog
• Cara Membuat Tag Cloud Atau Label Berputar
• Cara Membuat Background Posting Berbeda-beda Warna
• Membuat Translate Blog
• Menambahkan Meta Tag Dan Meta Keyword
• Cara Mudah Pasang Translate Di Blogger
• KOLEKSI WIDGET SHOUTBOX GRATIS UNTUK BLOG BLOGGER

Tips

• Cara Mengetahui Berat Blog
• 6 Langkah Mempercepat Loading Blog
• Cara Membuat Reply Komentar Pada Blogspot
• Ide Cerdas Cara Membangun Backlink Site : Kidulratan.com
• Cara Hack Speed Modem
• Cara Membuat Related Posts Bergambar
• SCRIPT UPDATE POST TERBARU
• Cara Membuat Warna Background Blog Berubah-ubah
• SCRIPT UPDATE TERAKHIR
• Tips Cara Mengembalikan Tampilan Facebook ke Versi Lama
• Cara Membuat Related Post Pada Blog
• Cara Menata Wayang
• Menjaga diri dari Ancaman saat Internet
• Membuat background Gambar Pada Posting Blog
• Cara Membuat Auto Refresh Pada Blog
• Cara Membuat Auto Refresh Blog
• Cara Membuat Tag Cloud Atau Label Berputar
• Cara Membuat Background Posting Berbeda-beda Warna
• Membuat Translate Blog
• Menambahkan Meta Tag Dan Meta Keyword
• Cara Mudah Pasang Translate Di Blogger
• VIRUS KOMPUTER
• 185 DAFTAR BLOG GRATIS UNTUK PEMBUATAN BLOG DUMMY
• Cara Membuat Kotak Scroll Bar Pada Blog

facebook

• Tips Cara Mengembalikan Tampilan Facebook ke Versi Lama
• Profil Face Book di Blog
• Bocah Mbelis
• Hack Face Book
• Easy Cash Di Facebook
• Digsby Adalah Aplikasi Multi protokol
• Nimbuzz Aplikasi Chating Ringan Dan Simple
• Cara Memasang Emoticon Lucu Pada Facebook
• Cara Mengubah Tampilan Facebook.
• Memasang Widget Like Box Facebook Di Blog