Updated February 2011: this post is now obsolete. Since writing this post in 2009, WordPress.com have added support for flickr slideshows. All you need to do is paste the flickr slideshow URL on its own line in your post and the slideshow will embed.
When embedding Flash objects such as flickr slideshows in posts on the free WordPress.com blogging platform, you may well run into difficulty. You grab the embed HTML code from the source site, paste the code into your post in WordPress, save your draft then – hang on a minute – where’s the embed code gone? The code gets stripped out.
I was stuck trying 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 some further digging, I found a solution I quite liked within this post by Geeky Coder.
The method
- 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’ll need to have already registered 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 sending the post live.)
Step-by-step video
Geeky Coder made this useful video 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 choose 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 now have a new draft post:
Preview the post to see the video display just like 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 own reference, I hope the workaround is useful to others. Please feel free to add any suggestions on making the process easier.