Membuat Komentar Blog, Facebook, Twitter Satu Tab

Komentar merupakan indikator penyemagat dalam melakukan kegiatan blogging, jika ada komentar yang nyangkut di salah satu artikel, apa lagi komentar tersebut nyabung dengan topik artikel tersebut pemilik blog akan merasa senang karena mendapatkan respon.

Seperti halnya sobat menulis status pada facebook, jika ada teman maupun orang lain memberikan dan saling membalas komentar maka status tersebut menjadi seru dan ramai. Atau buat tweet pada twitter, jika ada mem-follow sobat akan hmmm.... nyamin

Pastinya sobat ingin mendapatkan respon dari pengunjung mengenai artikel yang sobat postingkan entah itu tanya jawab seputar posting atau hanya sekedar memberikan senyum manis "nice post" via media sosia seperti facebook dan twitter.

don't Ribet | Selalu Yang Dicari bagaimana cara membuat Komentar Facebook, Twitter Satu Tab :

Longin ke dasbor blog sobat

1. Pilih Rancangan --> Edit HTML

2. Cari kode <b:skin><![CDATA, selanjutnya copy paste kode di bawah ini tepat di atasnya.

<meta content='Profile_ID' property='fb:admins'/>

<meta content='APP_ID' property='fb:app_id'/>

<script src='http://code.jquery.com/jquery-latest.pack.js'/>

<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>

<script src='http://platform.twitter.com/anywhere.js?id=API_Key&amp;v=1'/>

 3. Cari kode <div class='comments' id='comments'>, selanjutnya copy paste kode di bawah ini tepat di bawahnya.

<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentar
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='10' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

4.Save / Simpan Template

Notes Perhatikan  :
Kode META berwana merah "Profile_ID, APP_ID dan API_Key" ganti dengan milik sobat. Bagi sobat yang belum memilikinya silakan mengikuti langkah-langkah sebagai berikut :

• Profile_ID merupakan ID account facebook sobat contoh akun facebook milik don't ribet "https://www.facebook.com/gapainribet".
• APP_ID merupakan Id aplikasi yang digunakan pada kotak komentar facebook, bagi yang belum punya silahkan klik disini.
• APP_Key merupakan ID aplikasi yang dgunakan pada kotak komentar twitter, bagi yang belum punya silahkan klik disini.

Kata "Comments, Tweets, Komentar" pada kode <div class='comments' id='comments'> sobat dapat ganti dengan kata lain sesuai keinginan, selain itu sobat dapat merubah jumlah komentar (num_posts) yang ingin di tampilkan serta dapat melebarkan kolom komentar facebook agar sesuai.

• Num_posts = 10 merupakan jumlah komentar yang ditampilkan.
• width = 500 merupakan lebar komentar facebook.

Semoga Bermanfaat...