Bemosu Design Studio

This tutorial will show you how to display your Twitter feed on your website.

Requirements: Editing access to your website's HTML files.

STEP 1: Go to http://twitter.com/goodies/widgets

STEP 2: Click "My Website" on the left menu and choose "Profile Widget"


STEP 3: Navigate the left menu to customize your Twitter feed widget      

• - Click "Settings" to enter your Twitter "Username". This is the username you chose when you set up your Twitter account. At any time you can click "Test Settings" at the bottom of the screen to test your widget. If you don't see your recent Tweets, you have the wrong username or you have your account set to private. Private accounts cannot be displayed in widgets
  
• - Click "Preferences" to choose from a few options that will give you a variety of features on your widget. Pick your options and click "Test Settings" to see what your selections will show
  
• - Click "Appearance" to customize your widget's colors
• 
• - Click "Dimensions" to set your widget's size. This is the only setting you cannot preview. Choose "auto width" if you don't know the exact size you need
  

STEP 4: Click the "Finish & Grab Code" button to copy the code you will need for you website

STEP 5: Open the HTML file for the web page you will be placing the widget into and paste the code. Don't forget to save

Take it further

Did you know you can also create Twitter widgets for your lists, faves and a search words? To do this, go back to step 2. Instead of selecting "Profile Widget" you have the option to select "Search Widget," "Faves Widget," or "List Widget".