Jumat, 16 Juli 2010

Cara Membuat Widget Sederhana Twitter

Chemicals | 06.43 | | |
Tentunya, kita sudah tahu twitter. Twitter adalah situs jejaring sosial yang terkenal. Dengan twitter memungkinkan kita untuk berkomunikasi lewat internet.

Kali ini saya akan mencoba menjelaskan tentang cara membuat widget sederhana twitter yang diletakkan di dalam blog. Widget tersebut berisi tentang feedfriend status kita. Isi dari widget tersebut hanya tweets dan link twitter Anda. Berikut ini adalah code:
<div id="twitter_div" style="background: url(http://lh4.ggpht.com/_3T6iBQSYu6E/TD-ZqjeqfCI/AAAAAAAAAM0/FQkGOda5lkI/single-bird-icon-1.png) top left no-repeat; color:#000000; font-size:14px; padding-left: 50px;"><ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/mardiono87">follow me on Twitter</a>
</div>
<script src="http://sites.google.com/site/mardiunj/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/mardiono87.json?callback=twitterCallback2&count=5" type="text/javascript"></script>
Catatan:
*Ganti code yang berwarna ungu dengan url gambar yang Anda inginkan dan style background, jenis huruf, besar huruf sesuai keinginan Anda.
*Ganti username yang berwarna biru dengan username Anda di twitter.
*Ganti yang berwarna hijau dengan banyaknya status yang Anda inginkan.
*follow me on Twitter ganti dengan selera Anda.

Masukkan Script di atas pada Widget "HTML/JavaScript" pada Akun blogger Anda.

Tidak ada komentar:

Posting Komentar

Copyright ©2010-2013 Starchem05 Designed By: Software Reviews and Downloads Powered by Blogger