the wonderful world of widgets
DESCRIPTION
Learn how to liven up your web sites and blogs with portable chunks of code called widgets. There are loads of sizes and types, and they are incredibly easy to use. Just copy and paste! Joy Schwarz and Beth Carpenter will show you how to find them and why you should consider using them.TRANSCRIPT
![Page 1: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/1.jpg)
Joy Schwarz, Winnefox Library SystemBeth Carpenter, Outagamie Waupaca Library System
Project Play Date: November 21, 2008
![Page 2: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/2.jpg)
What's a widget?
Definition:• mini-web application• portable snippet of code to copy & paste • quick & easy to embed • ready-to use format• customizable
Different kinds: • widgets you use in your browser• widgets you can use in your blog or web site
(we'll talk about both kinds today)
![Page 3: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/3.jpg)
Benefits of gettin' widgety
• add anywhere you can paste codeo blogso web pageso wikiso social sites
• code written for you o no need to know scripting languages or HTML
• dynamic info without having to update• merge content from multiple sources• reflect local data (customizable) • adds a bit of fun and interest• easy peasy!
![Page 4: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/4.jpg)
Widgets: what happens in the background
image source: Widgets for 2.0
![Page 5: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/5.jpg)
Widgets to use in your browser
• iGoogle • netvibes
![Page 6: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/6.jpg)
iGoogle :: www.google.com/ig
• a single personalized page; brings together what you want• add the RSS feeds and widgets you want • create a Google (or Gmail) account to set it up • for details, see projectplay.owlsweb.info/?p=74
![Page 7: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/7.jpg)
iGoogle
Your first iGoogle page:• drag & drop widgets to rearrange• click "Add stuff" to, well, add stuff!
![Page 8: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/8.jpg)
iGoogle
Use the Search box to find library widgets:
You can also• browse categories• add feeds
![Page 9: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/9.jpg)
iGoogle
Use Bloglines or Google Reader? Try iGoogle instead!Here's one way:
![Page 10: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/10.jpg)
iGoogle
Another way to add RSS feeds:
![Page 11: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/11.jpg)
iGoogle
![Page 13: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/13.jpg)
Netvibes
• Search for widgets by keyword• Browse categories• Add feeds• Pull your personal info into 1 location
![Page 14: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/14.jpg)
Widgets to use in your blog or web site
• meeboMe• Flickr• LibraryThing• Delicious• Google calendar• Widgetbox• RSS feed rolls• Blogger widgets
![Page 15: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/15.jpg)
meeboMe :: www.meebo.com
Instant messaging (IM) that doesn't require people to have registered for an IM service in order to contact you.
![Page 16: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/16.jpg)
meeboMe
![Page 17: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/17.jpg)
meeboMe
![Page 18: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/18.jpg)
meeboMe
Shows in dead end searches in library catalog.
![Page 21: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/21.jpg)
Flickr :: www.flickr.com/fun/zeitgeist/
![Page 22: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/22.jpg)
LibraryThing :: www.librarything.com/tools
Put a LibraryThing widget on your blog to show what you're reading now, random books from your collection, your tag cloud, and more.• standard blog widget shows books, authors or tags• search widget lets people search your library
![Page 23: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/23.jpg)
LibraryThing standard blog widget
![Page 24: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/24.jpg)
LibraryThing search widget
![Page 25: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/25.jpg)
LibraryThing
![Page 26: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/26.jpg)
Delicious
Delicious: a social bookmarking service that allows you to tag, save, manage and share web pages all in one place
Types of widgets:• network badges• link rolls• tag rolls• blog posting
![Page 27: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/27.jpg)
Delicious: network badge
• shows you're a member of Delicious• gives an easy way to add you to their Delicious network
![Page 28: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/28.jpg)
Delicious linkroll
displays your recent Delicious bookmarks:
![Page 29: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/29.jpg)
Delicious
displays a cloud or list of your Delicious tags
![Page 30: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/30.jpg)
Google calendar :: www.google.com/calendar
In calendar settings, you'll see embed options:
Use the Customize link to change the style, size, and what navigational options you want to have available for your embedded calendar.
![Page 31: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/31.jpg)
Google calendar
![Page 32: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/32.jpg)
Google calendar in iGoogle
![Page 33: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/33.jpg)
Widgetbox :: www.widgetbox.com
![Page 34: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/34.jpg)
Widgetbox
1. 2.
![Page 35: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/35.jpg)
RSS feed rolls :: feed2js.org
![Page 36: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/36.jpg)
RSS feed rolls :: feed2js.orgolls
![Page 37: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/37.jpg)
RSS feed rolls :: feed2js.orgolls
![Page 38: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/38.jpg)
RSS feed rolls :: feed2js.orgolls
![Page 39: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/39.jpg)
RSS feed rolls :: feed.informer.com
![Page 40: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/40.jpg)
RSS feed rolls ::feed.informer.comrolls
![Page 41: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/41.jpg)
RSS feed rolls ::feed.informer.comrolls
Options for display: Pictures Flash HTML
![Page 42: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/42.jpg)
New Blogger widgets: dashboard
Layout versus Template mode:
![Page 43: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/43.jpg)
New blogger widgets rolls
![Page 44: The Wonderful World Of Widgets](https://reader035.vdocuments.site/reader035/viewer/2022081515/5549a764b4c9050c738b5415/html5/thumbnails/44.jpg)
Questions? rolls
Project Play: projectplay.owlsweb.info Beth CarpenterOutagamie Waupaca Library [email protected]://librarian.justbeth.info
Joy SchwarzWinnefox Library [email protected]