About Twitter Badges and Widgets

About Twitter Badges and Widgets





Twitter has super-sweet widgets to display your Tweets
anywhere on the web. You can also create a custom widget with Tweets
from the sources of your choosing!
How to Add a Twitter Widget To Your Website


Access widgets from the Resources
link in the footer of all Twitter web pages. To add a Twitter widget to
your social network, website, or blog:

1. Log into Twitter
   
2. Click Resources at
   the bottom of the details pane on the right hand side of your screen.
   
3. Select See all Widgets
   
4. Select My Website
   
5. Select the widget that shows the Tweets you'd most like to display
   on your website:
   

• Profile Widgets display recent tweets from a
  specific user.
  
• Search Widgets display highly customizable search
  results in real time (perfect for live events, conferences, brands etc.)
  
• Faves Widgets will show all the Tweets you have
  marked as Favorite
  
• List Widgets show off a list of users you've
  curated. Great for showing off a subset of interesting folks' Tweets.
  

Adding profile widgets


Profile widgets display the public tweets of anyone on Twitter. Try
entering a few user names to test it out!

1. Enter the name of the user whose tweets should display in the
   widget.
   
2. Click Appearance to change the colors of your
   widget (You can enter the numeric color codes to perfectly match your
   website or blog!)
   
3. Click Dimensions to change the size of your widget
   (You wont be able to preview the size in the widgets page.)
   
4. Click Test settings to make sure everything looks
   right
   
5. Click Finish & Grab Code at the bottom of the
   page, and add the code to your website.
   

Once you've added the widget code to your site, voila! You've got
tweets!
Adding Search Widgets


Customize your Twitter Search Widget using the three left hand tabs
on the widget screen: Settings, Appearance and Dimensions. Note: search
widgets will not work on facebook and MySpace.

1. Fill out the settings for your widget: the 'Search Query' field
   determines the display of the real-time search results. This can be
   something as simple as San Francisco, or you can
   experiment with advanced
   search queries.
   
2. Decide whether or not to loop old results
   (Recommended only for low volume (very specific) queries!)
   
3. Click Appearance to change the colors of your
   widget (You can enter the numeric color codes to perfectly match your
   website or blog!)
   
4. Click Dimensions to change the size of your widget
   (Customize the Width (px) and Height (px) of your widget to fit the area
   of the page where you want it (minimum size is 150px wide and 100px
   high). You wont be able to preview the size.)
   
5. Click Test settings to make sure everything looks
   right
   
6. Click Finish & Grab Code at the bottom of the
   page, and add the code to your website.
   
7. Add the code to your website and display real time tweets!
   

Adding Faves Widgets

1. Enter the name of the user whose tweets should display in the
   widget.
   
2. Click Appearance to change the colors of your
   widget (You can enter the numeric color codes to perfectly match your
   website or blog!)
   
3. Click Dimensions to change the size of your widget
   (You wont be able to preview the size in the widgets page.)
   
4. Click Test settings to make sure everything looks
   right
   
5. Click Finish & Grab Code at the bottom of the
   page, and add the code to your website
   

Adding List Widgets

1. Enter the name of the user whose tweets should display in the
   widget.
   
2. Click Find Lists to select the list you'd like to
   populate your widget (the dropdown to select from appears below the
   username).
   
3. Click Appearance to change the colors of your
   widget (You can enter the numeric color codes to perfectly match your
   website or blog!)
   
4. Click Dimensions to change the size of your widget
   (You wont be able to preview the size in the widgets page.)
   
5. Click Test settings to make sure everything looks
   right
   
6. Click Finish & Grab Code at the bottom of the
   page, and add the code to your website.
   

Adding the Twitter application to Facebook


Show your tweets in Facebook! Each time you tweet, your Facebook
friends will see your updates.
To add Twitter's Facebook application:

1. Log into Twitter
   
2. Click Goodies at
   the bottom of the details pane on the right hand side of your screen.
   
3. Select Widgets
   
4. Select Facebook and click Facebook
   application
   
5. Click Install Twitter in Facebook
   
6. You'll be redirected to Facebook, where you'll be asked to sign in
   and approve the application
   

That's it- your tweets will show up for all of your Facebook friends
to see.





Share This Article

---

All Help Sections

• Twitter
  basics
  
• Something's
  not working
  
• Report a
  violation
  
• Mobile
  
• Business
  

---

See Also:

• Twitter
  Blog
  
• Status
  Blog
  

---

Updates from Twitter Support
Follow @support for the
latest




(function() {
$.ajax({
url: 'http://support.twitter.com/homes/twitter_feed',
data: {profile: 'support'},
success: function(result) {
$(".twtr-tweets").html(result);
}});
})();










Users may experience some problems and errors when using the
twitter.com. We are aware of the problem and are taking action.

about 6 hours ago










We've re-enabled profile image uploads. Read here for more info:
http://t.co/4rPN8IP

1 day ago










Profile image uploads remain partially disabled. We’re working
to re-enable image uploads for all users soon.

1 day ago






























Next
article in Linking to your blog or website: How to Add the Tweet Button
to Your Website





http://support.twitter.com/entries/15354-about-twitter-badges-and-widgets