Updated February 2011: this post is now obsolete. WordPress.com have added support for flickr slideshows. All you need to do is paste the flickr slideshow URL on a separate line in your post to embed the slideshow.
When embedding Flash objects such as flickr slideshows in posts on the free WordPress.com blogging platform, you may run into difficulty. You grab the html embed code from the source site, paste the code into your post, save your draft then – hang on a minute – where’s the embed code gone? WordPress strips the code out.
I struggled to embed this flickr slideshow a few weeks ago so I asked for help on Twitter. Josh R and Warren Pearce pointed me in the right direction, mentioning a workaround using Vodpod to convert the slideshow to video and then posting the video to WordPress.
After further digging, I found a solution I quite liked within this post by Geeky Coder.
- Go to flickr and login.
- View the photostream or set and choose to view as a slideshow.
- Open the share options and copy the embed html.
- Use the VodPod Firefox Extension for WordPress and paste the embed html. (You need a Vodpod account.)
- Preview the slideshow as a video.
- Post the newly-created video as a new draft in your WordPress.com blog. (This is my variation to the method described by Geeky Coder. I wanted to add copy text with the slideshow before publishing the post.)
Geeky Coder made this
useful video [no longer online] with captions to walk you through the process. The embed html method starts at 1:00.
Post the Vodpod video to a new draft in WordPress.com
View a flickr set in slideshow mode and click the Post to WordPress extension in your Firefox toolbar. The Post video to your blog options appear in a popup.
Add your WordPress blog details and choose details » in the popup options:
Select the draft checkbox (and any other options you want):
Now click the Publish button. (Nothing will go live on your blog at this point despite the confirmation screen in the Post video to your blog popup.)
Go to your WordPress.com admin site and look in Posts > Edit. You should see a new draft post:
Preview the post to see the video display similar to an embedded flickr slideshow:
That’s it. You can now edit your post as normal, including the embedded html.
This post is a braindump of a workaround. While it’s partly for my reference, I hope the workaround is useful to others. Please feel free to add any suggestions on making the process easier.