Biasanya tidak semua orang memiliki akun gmail / blogger, oleh karena itu kita harus memanfaatkan social media yang terkenal seperti Twitter dan Facebook. Saya akan membahas, bagaimana tutorial mengenai cara membuat twitter box di blogger ini yang bersampingan dengan facebook dan komentar blogger. Untuk menambahkan komentar facebook yang bersebelahan dibutuhkan aplikasi developers, silahkan membaca di Cara Mendapatkan ID Aplikasi Facebook terlebih dahulu.
Cara Membuat Kotak Komentar Twitter :
1. Untuk membuat aplikasi komentar di twitter silahkan Anda buat terlebih dahulu di Apps Developers Twitter.
2. Isikan data yang dibutuhkan seperti terlihat pada gambar di bawah ini. Jika telah selesai, klik I Agree.
4. Lalu, klik Create My Access Token di bagian paling bawah.
5. Setelah terbuat, maka Anda akan mendapat semua kode dan akses pada aplikasi tersebut.
7. Login 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 Anda telah punya. Masukkan id facebook (Ex : pemakan.wortell) , FB Application ID (Ex : a8xy76m44aoqqUi9mKr0), dan masukkan Twitter_API_Key dengan kode yang anda copy di notepad.
<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/>
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>
- Angka 5 adalah jumlah komentar yang akan ditampilkan dan tidak disematkan.
- Angka 500 adalah lebar kotak komentar tersebut.
Jika ada permasalahan silahkan berkomentar dan secepatnya akan saya balas. Semoga panduan mengenai cara membuat widget dan gadget di blogger ini dapat bermanfaat untuk anda semuanya. Terimakasih telah membaca artikel "How To Make Twitter Comments Box on Blogger".
0 comments:
Post a Comment