27 de febrero de 2007

Useful blogger design tools, part 4 - flickr or picasa web slideshows

SLIDE SHOWS

I. Flickr
I.a. embedding a slide-show from a set of photos

Example of code for a flickr slideshow on blogger, using an iframe, displaying one set of photos. Copy paste and replace with your flickr id and photo-set number. (how to find your flickr user-id: if you are logged in flickr, it will be displayed here. The set number is on display in the browser once you start viewing the set).

<iframe width=600 height=400 src="src=http://www.flickr.com/slideShow/index.gne?user_id=7176712@N03&set_id=72157600002041412" ></iframe>

I.b. embedding a slide-show based on photo tags

The code would be

<iframe width=600 height=400 src="src=http://www.flickr.com/slideShow/index.gne?tags=your_tag&user_id=xxxxxxxxxxxx" ></iframe>

II. Embedding Picasa web albums

Example of a picasa web slideshow on blogger, using an iframe. copy and paste and replace with your album address (copy from the browser once the slideshow is running):

<iframe width=600 height=400 src="http://picasaweb.google.com/georg.sommeregger/BestOfVicchio/photo#s5046513271969053954" ></iframe>

POWER POINT PRESENTATIONS

Embedding power-point presentations is similar to embedding slide-shows. The tutorials here and on Beth's blog show you how to embed them on blogger using "tags". A great corresponding on-line tutorial (screencast) is here.

I exported my power-point-presentation as jpeg images ("save as..." --> all? yes, all) to a flickr "set", and embedded it follwing the method shown in point I.a above. For a picasa web album, see point II above.

Good luck! GS

No hay comentarios.:

Publicar un comentario