Membuat Twitter Follow Button with Status Update di Blog

Pada posting terdahulu saya sudah menampilkan cara menampilkan status twitter di blog atau website. Nah, kali ini saya akan memberikan tutorial singkat cara menampilkan twitter button (follow us atau follow me) dengan status twitter di atasnya. Sebenarnya code yang saya gunakan adalah kode yang digunakan untuk menampilkan status yang berasal dari widget twitter.com, namun sudah saya tambahi kode agar tulisan “follow me on twitter” diganti dengan twitter button atau image.
Berikut adalah kode yang harus anda copy ke widget blog :

<div id=”twitter_div”>
<h2 class=”sidebar-title”>My Twitter</h2>
<ul id=”twitter_update_list”></ul>
<a href=”http://www.twitter.com/wahidhasan” title=”follow wahidhasan” id=”twitter-link” style=”display:block;text-align:right;”><img src=”http://www.twitterbuttonfactory.com/buttons/new/009.png” alt=”wahidhasan on twitter” border=”0″/></a>

</div>
<script type=”text/javascript” src=”http://twitter.com/javascripts/blogger.js”></script>
<script type=”text/javascript” src=”http://twitter.com/statuses/user_timeline/wahidhasan.json?callback=twitterCallback2&amp;count=2″></script>

Selanjutnya ganti parameter agar sesuai dengan akun twitter anda :
user : ganti tulisan wahidhasan dengan akun twitter anda
count : untuk menampilkan berapa jumlah status twitter yang akan ditampilkan.
img src=”http://www.twitterbuttonfactory.com/buttons/new/009.png” adalah alamat URL image twitter button yang saya gunakan. Jika anda bermaksud untuk mengganti image yang anda inginkan, silakan ganti dengan URL image yang sudah anda upload. Atau anda bisa juga mencari via google.com
Yup, gampang kan.. selamat mencoba..

2 responses

  1. Bagus bang…. ijin pake codenya, mantap

  2. wahidhasan Avatar
    wahidhasan

    Bary: Sip kang.. Semoga bermanfaat..