Oct 21, 2007
There is now a “better” way to embed Picasa slideshows in your WordPress posts.
- A direct embed now works with WP (as of v2.6.2 AFIK). Check out this new post for some additional info.
- The easiest way, IMO, is to use my new plugin, Postcasa. All you have to do is put the Picasa RSS link between this simple shortcode, and the plugin does the rest.
- Plug-in hasn’t been updated in several WP versions
- Plug-in didn’t work properly with the latest version of Flash
- RSS based plug-ins couldn’t actually download the feed because:
- Security didn’t allow getting the feed and storing it locally
- The feed had changed since the plug-in was released and it made the parser barf
- It required activating PHP code in each post, which is a security nightmare, IMHO
My brother wanted to put a Picasa slide show in his blog. He can’t help it – he’s a big Google Fanboy.
Anyway, after searching around and trying at least 8 different plug-ins to try and get this to work I finally came upon the correct secret mixture to make it work.
Some of the plug-ins that didn’t work had these problems:
Well, for those of you who have been banging your head on your keyboard trying to get this working, here is the key:
1. Run over and download Kimili, a great embedded flash plug-in. Kudos to Michael Bester for excellent piece of work. There are others like it, but this one is full featured and seems more stable than others that I’ve tried. Upload and activate the plug-in.
2. Use the new Picasa embedded slide-show tool to generate the embedding code – for example:
<embed> type="application/x-shockwave-flash" flashvars="host=picasaweb.google.com&RGB=0×000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F
/s/c/bin/slideshow.swf" mce_src="http://picasaweb.google.com/s/c/bin/slideshow.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" height="267" width="400"> <embed>
3. Now for the “kinda” tricky part… You need to translate that code into code for Kimili. Fortunately, it really isn’t that hard. Kimili uses the syntax:
[ kml_flashembed movie="filename.swf" height="250" width="400" / ]
fvars to pass parameters to the embedded flash video. The Picasa code uses the
slideshow.swf file as the “movie” and everything that is in flashvars should be put into
fvars. Make sure that you leave out the
type parameter but include the
4. The final translated code should look like this:
[ kml_flashembed movie="http://picasaweb.google.com/s/c/bin/slideshow.swf" height="267" width="400" fvars="host=picasaweb.google.com&RGB=0×000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F
You can see the results of all this hard work here.