How to add Twitter List Widget to your website?

Twitter List Widget can bring all Twitter updates from the list to your website.

When Twitter introduced Twitter Lists it was news everywhere on the web. Now with the many useful Twitter Lists created by the many enthusiastic Twitterers and Listorious the lists are becoming more and more useful to keep an eye on. Now Twitter has released a way to embed a Twitter list directly on to your website as a widget.

Here is how you can create and customize the Twitter Lists Widget,

Twitter List Widget page

Visit Twitter Lists Widget page. You should be able to see a blank widget template waiting for you to customize.

Widget Settings

Twitter List Widget Settings page

Click on the “Settings” tab (if it wasn’t selected already). Start by entering the Twitter username to find the list. Here I’ve used the uber-famous Scobleizer who has some fantastic lists on various categories. Then choose the List Name for which you want to create the widget for. Give it a tile and a caption (the first and second line of the widget) and you are done with the main settings of your Twitter Lists Widget.

Widget Preferences

Twitter Lists Widget - Preferences page

Click on the “Preferences” tab to set some of the widget preferences. You can set your preference to new results, to include scrollbar, load behavior, number of tweets to appear on the widget at a time along with either to show avatars, timestamps and hashtags. Choose the options that make more sense to you.

Widget Appearance

Twitter List Widget Appearance page

Move on to the “Appearance” tab to set some of the color preferences. Here you can set the shell background, shell text, tweet background, tweet text and link colors to your liking. I would recommend that you choose the colors to go nice with the color scheme of your website.

Widget Dimensions

Twitter List Widget Dimensions page

Use the “Dimensions” tab to set the width and height of the widget. Or you can use the “auto width” feature and the widget will figure out the width and height and adjusts automatically.

Once everything is all done, click on the “Finish & Grab Code” button and grab the script code that you can then install on your website.

Twitter Lists Widget

If you think a Twitter List update can add more value to your website visitors you can install Twitter Lists Widget on your website to keep on top of what’s happening on the list.

Related Posts with Thumbnails


Subscribe to our free RSS feed to keep up with what's happening at DemoGeek.com

At DemoGeek.com we try to explain the tech stuffs in as much detail as we can to help the not-so-tech-savvy of our friends understand and follow the tech stuffs.

Share/Save/Bookmark

Subscribe to DemoGeek.com

2 comments so far

  1. Cheryl
    #1

    I want to use custom styles. Is there a list of the styles used for the list widget? Thanks!

  2. Ivo
    #2

    Decorating concepts for making your home atmosphere. News and creation trends from the world latest shows.

Leave a Reply





XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

6 Trackbacks/Pings

About DemoGeek.com

DemoGeek.com brings you high quality articles, tutorials and how to's on everything related to Microsoft Windows, Mac OSX, iPhone, Useful Websites, Browsers, Software and Programming.

At DemoGeek.com you'll find step-by-step explanation of the technical issues explained in detail with screenshots and screencasts. Read More...

Contact |  FUG |  Disclaimer

Creative Commons License

Canonical URL by SEO No Duplicate WordPress Plugin