How to Embed Soundslides into Blogs


Soundslides is the industry standard tool for producing audio slideshows and is used widely by journalists and media organisations. Although it has many advantages it is not the easiest tool to embed your final project to the web. The soundslide embed tool allows you to generate embed code to post a flash version of your slideshow to the web. Although this works for self-hosted wordpress blogs it will not work on the free service.  This is a problem for journalism educators who use this with their students.

Thanks to some searching around on the forums and to some help from Panos at the forum I’ve finally figured out how to embed Soundslides on free blogs.

As you will see in the above example all the usual embed functions are working.

You don’t even need to generate an embed code. Just use this format:

gigya src="" allowFullScreen="true"

Enclose the code in [ ] square brackets to indicate that this is wordpress shortcode.

Two things to note are:

  • Many WordPress blogs do not have a wide enough frame to accommodate the full version of Soundslides so “size=0” is important – this uses the small format generated in your original “Publish to web” folder. For more detail on this and to source wide format themes see Pano’s post on theme widths;
  • The hight is also restrained so you need to untick “show header” in the “Template” menu on Soundslides before you export your publish folder.

If you include the header field even if it is blank your controls at the bottom will be cut off:

If you are using one of the wordpress themes that can accommodate the full 620 wide format you need to use the following code

gigya src="" width="620" height="533" allowFullScreen="true"

See an example of the two sizes on the Fusion theme here.


No Responses Yet to “How to Embed Soundslides into Blogs”

  1. Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: