Add Radio Widgets to Your Web Site or Blog

Widgets are chunks of code from radiotime.com servers for using inside other web pages. This means they're small, use neutral colors, and offer functionality requiring little user interaction. Widgets automatically show live radio programming that visitors can enjoy.

Your web site administrator copies and pastes a little HTML code into the pages on which the widget will appear. The technology applied combines JavaScript and inline frames (an HTML and browser standard for incorporating secondary content in a page).

Here you can access widgets for a single radio station, local radio, or your Presets which contain your collection of favorite stations or shows.

Single Radio Station

A single radio station widget displays information for one station from the RadioTime directory. The widget includes station's logo, name, schedule information (what's on now, what's on next, etc.), and direct links to listen.

or Copy the HTML

or Copy the HTML

Local Radio

Local radio widgets display locally available AM/FM stations and their associated "on now" programming from the user's IP address or any U.S. postal code.

or Copy the HTML

or Copy the HTML

Options

Zip: U.S. zip code can override the IP location detection and display for a radio market. If you want to use the IP address, delete "?Zip-90210".

Size: "standard" or "skinny" indicates the size of the widget. Standard is 270 pixels while skinny is about 150. The default is "standard."

Layout: "list" or "dial" to use a specific layout for the widget. A dial displays the stations one at a time, much like a standard analog radio, while the list view displays a table. The default is dial.

Presets

Use your free RadioTime account to find and add favorite radio stations and shows as Presets. Create a collection of radio stations and shows. The preset widget displays the information that appears in the preset.

Screenshot of Get Widget Info

1. Logon with a free RadioTime account and make any collection of favorite stations and/or shows finding them and adding to presets.

2. Get your Widget ID from My Info, click Get my Widget ID.

3. Now grab the sample html text above but replace the username (like "def0f582-c3df-4c9b-961b-9825529ca2eb"), with your own from step 2.

4. Paste the complete html snippet where you like.

5. Experiment with the layout options below if you like.

or Copy the HTML

or Copy the HTML

Options

UserName: Required to be included in the code. Use the user name you use to login to your RadioTime account with the defined collection. Go to My Info and click [] Generate Widget ID, then paste the token.

FolderName: Name of the favorite folder to display. You might have multiple preset folders and want to display only one of the folders. Optional.

Size: "standard" or "skinny" indicates the size of the widget. Standard is 270 pixels while skinny is about 150. The default is "standard."

Layout: "list" or "dial" to use a specific layout for the widget. A dial displays the stations one at a time, much like a standard analog radio, while the list view displays a table. The default is dial.