Selasa, 29 Mei 2012

Cara Pasang Like Kotak Komentar/Comment Form Facebook di Blogger


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 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.
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://nagadolanan.blogspot.com/2012/05/cara-pasang-kotak-komentarcomment-form.html' target='new'><img alt='' class='icon-action' src='http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0/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 3px #cccccc; font-size:12px; padding:1px;width:100%;'><b> by <a href='http://nagadolanan.blogspot.com/2012/05/cara-pasang-kotak-komentarcomment-form.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! Salam dari Syem Fremay!