1. Log in to Twitter.
2. Visit the badge page: http://twitter.com/badges
3. Choose a badge
4. Customize your badge if you'd like
5. Copy and paste the code into a [[html]] block

If you make and error with your code, and then fix it, you will not see the correct working UNTILL you have cleared out your browser cache. This also applies to having correct code, then editing incorrectly. it will display as if it is working, but it isn't!

I hate it when these sites change their code so their widgets stop working!

Thanks for pointing this out - I didn't even realize it was broken until i saw your post. You can get updated code from Twitter here: http://twitter.com/goodies/widgets Even the link on Twitter's help section still points to the old badges page.

There's some new gadgets available and a nice interface to tweak the look before copying your code. I got it working on my site with a code block and iframe. I'll update this howto after I get some sleep unless someone beats me to it.

Either we need to list the various methods or delete the whole thing and respond when asked. Not sure of the best approach.. Just for the record, the method I use for displaying a tweet (if I ever remember to do it) is a straight codeblock/iframe combo:

I was having problems on my own because I was using the embed feature rather than the html code. Your suggestion of viewing your source showed me exactly what I was doing wrong. Pictures (and source code) are worth a thousand words….