Add Your Twitter Feed / Badge to a Site

Twitter provides an easy to use widget generator so you can share all your recent tweets with visitors to your site.  Here's how to use it.  
  
Start by going here:

http://twitter.com/about/resources/widgets

From here, select to create a widget for "My Website". 

Choose "Profile Widget" from the provided list.  

Enter your Username. 

Use Preferences to customize the number of Tweets displayed in the widget (along with other, less important things). 

Change the Widget Colors.  Click the box to the right of each field to select the color you like. 

Change the Width and Height of the widget.  The default works in most situations, but you may want to make it larger or smaller depending on where you're placing it on your site. 

When you're ready, use the two buttons at the bottom of each of the above pages to "Test Settings" (which generates a preview of the changes you've made -- you can do this multiple times) and "Finish & Grab Code" (to move on to the next step).  

Copy the provided code.  Be sure to highlight all the code before copying it, otherwise it won't work when you add it to your site. 

You're all done on the Twitter side of things, now you just need to add the feed widget to your site.  To do so, drag a Custom HTML Element to a page of your site and paste the code into that element.  

Your feed should be working just a few seconds later!