HTML, XHTML & CSS

Chapter 15: Bring the Best of the Web to Your Web Site
For more Twitter widgets, check out http://twitter.com/widgets.
There, you’ll find various widgets that work on general Websites (My
Website) and on Facebook. These include additional items such as a search
widget, a faves widget, and a list widget to let users look for tweets, show off
their favorites, or list specific tweet items on a page.
You can always check out our Twitter page to stay up to date with what we
are doing with this book, or send us questions or comments.
Working with Flickr
In our opinion, and that of many other experts and aficionados, Flickr is one
of the best online photo management and sharing applications around. One
of its greatest features is that you can easily upload and aggregate photos,
create your own slide shows, or even share your photos in an automated
slide show. Why are we telling you all this? Because you can also embed
Flickr photos into your own Web pages.
Yahoo! owns Flickr so all you need is a Yahoo! ID and password to log in. If
you don’t have one, you must create a Yahoo! Account before you can use
Flickr. (Yahoo! Accounts are free and available to the general public, with
no hidden gotchas involved.) We skip over the account stuff and assume
that you can log in without our help. Then, after you log in and upload some
photos, you can view your photostream, as shown in Figure 15-3.
Click Slideshow, the hyperlinked gray text at the upper-right corner of the
Flickr window, right under the Search box (see Figure 15-3). Upon clicking
this item, you go to a new page that displays larger scaled versions of photos
from the photostream. These photos auto advance through the entire collection
but also provide various controls. For example, you can jump around
those photos by clicking on any thumbnail image, pause the slide show at
any time, or make the images show in full screen mode.
Undoubtedly, this is good stuff. Given a gaggle of snaps, you can send a link
to your friends and family so they can enjoy them, too. But here, our concern
is to explain how to embed a Flickr photostream on your site. As with
Twitter, that process is both simple and easy. Here’s how you do it:
1. Click the Share This menu item at the top right.
Make certain you do this while the slide show is playing.
2. Click the Copy to Clipboard button under the Grab the Embedded
HTML text box.
3. Open your target Web page and paste the object element from the
Clipboard inside the body section of that page.
It’s easy! Check it out at www.dummieshtml.com/examples/ch15/
flickr.
255