A Resizable CSS-based Twitter Site Badge
Twitter offers website badges, but I find them:
* pretty unattractive
* wasteful of space (especially the Flash one)
* not flexible enough to fit naturally into my site design.
So I made my own badge. Here’s what it looks like:

Because you seem nice, I’m gonna share it with you. You can download it here: Download Twitter Badge (zip file)
Pros:
* CSS-based design - customize it all you want
* ooooh-la-la rounded corners
* it will stretch to fit available screen real estate (up to 750px)
* pretty easy to set up
* works on any blogging platform
Cons:
* This was designed for a website with a white background… If you want to use it on a colored background, you may need to tweak the images a bit.
* susceptible to twitter system outages (yup, kinda unavoidable)
I’ve included a little README file which should make it easy for even newbies to set this up. Feedback/comments appreciated.
9 Comments
RSS feed for comments on this post.
Thanx!
If I want to show five recent updates, what shall I do?
replacing &count=1 with &count=5 (in the line of javascript) should do the trick
thanks a lot, will prolly use it!
This is great, but is there a way to modify it so that the status time text is a link to the twitter account? I’ve removed the “via twitter” link and would love make this change. Thanks!
Thanks for the code, I really like it.
You seem to be missing a “” tag right after the “&count”.
Also, I changed the code to “&count=5″ but it still only displays the latest entry.
Hmm, the missing tag I mentioned is a closing “/script” tag.
Yes how do you display the latest 5 entries?
Changing to “&count=5″ doesn’t work.
Awesome, I JUST signed up with Twitter yesterday and found their badge ugly, as well. It is on my website for now but I like yours better!