Kolom Komentar Twitter Untuk Blog

Untuk membuat kotak komentar blog kamu menjadi lebih menarik tidak ada salahnya jika kamu mencoba memasang kotak komentar twitter didekatnya. Dengan hal seperti ini diharapkan blog akan lebih maksimal dalam menambah komentar dan pengunjung. Seperti biasa untuk membuat kotak komentar twitter, kamu akan membutuhkan sebuah aplikasi untuk menunjang cara ini.

Membuat Kolom Komentar Twitter :

1. Untuk membuat aplikasi komentar di twitter silahkan Kamu buat terlebih dahulu di AppsDevelopers Twitter,

2. Isikan data yang dibutuhkan seperti terlihat pada gambar di bawah ini. Jika telah selesai, klik I Agree,

3. ID Aplikasi Twitter Kamu berada di Consumer Key,

4. Lalu, klik Create My Access Token di bagian paling bawah,

5. Setelah terbuat, maka Kamu akan mendapat semua kode dan akses pada aplikasi tersebut,

6. Kode yang dicoret merah, silahkan kamu ambil dengan copy paste ke notepad terlebih dahulu,

7. Masuk ke Bloggger.com
Template > Edit HTML > Ceklis Expand Widget Templates

8. Cari Kode <head> dan letakkan kode di bawah ini di bawahnya,

<meta content='ID Facebook' property='fb:admins'/>
<meta content='FB_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=TWITTER_API_Key&v=1'/>

Ganti kode bewarna merah dengan data yang Kamu telah punya. Masukkan id facebook (Ex : pemakan.wortell) , FB Application ID (Ex : a8xy76m44aoqqUi9mKr0), dan masukkan Twitter_API_Key dengan kode yang kamu copy di notepad.

9. Lalu cari kode class='comments'

10. Copy kode di bawah ini dan letakkan di bawah kode tersebut,

<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 == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>