Memasang Kotak Komentar Facebook pada 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.

Tampilan kotak komentar facebook pada blogger :

Langsung saja cara pasang kotak komentar Facebook pada blogger adalah sebagai berikut:

1. Non aktifkan komentar standar dari blogger terlebih dahulu jika sobat tidak ingin ada 2 tipe kotak komentar. Langkah²nya :
- 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 di bawahnya :

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

Sobat bisa merubah jumlah post komentar dengan mengganti angka 3 pada num_posts dengan jumlah yang sobat inginkan dan width (lebar) kotak kementar sesuai dengan keinginan sobat. Jika sobat menggunakan template yang memiliki warna background hitam atau gelap, silahkan tambahkan kode colorscheme='dark' sehingga menjadi seperti dibawah ini.

<b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <fb:comments expr:href='data:post.url' num_posts='3' width='500' colorscheme='dark'/> </b:if>

Peletakan kodenya adalah seperti ini :

<data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='3' width='600'  colorscheme='dark' /> </b:if>

NB:
1. Jika sobat memakai readmore, letakkan kode dibawah <data:post.body/> yang kedua.
2. Jika langkah diatas tidak berhasil, coba sobat letakkan kode tersebut di atas kode  </b:includable> <b:includable id='status-message'>

[ Letakkan kode di sini ]

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

Demikian tips blogging dari saya, semoga bermanfaat, and jangan sampai menghabiskan waktu hanya untuk teman dunia maya Anda, selalu ingat bahwa ada teman² di sekitar Anda, semua itu haruslah pada proporsi yang tepat. Bye²..

Sumber : www.bangjohan.com, www.wakrizki.net

^^'