• Embedding Soundslides into your Blog

    How to embed SoundSlides into your WordPress/Blogger blog

    SoundSlides won’t let you post a .swf file directly to your blog, but there is a workaround you can do to generate your own embed code.  Here’s how:

    1.  Establish Your Bengal Space

    MU’s web server is known as “bengal.” You can access bengal through the Go menu on the Mac.

    To connect, to Bengal, Go to the Finder, go under GO menu to “Connect to Server” and type in the following server address in the window that pops up:
    smb://bengal.missouri.edu/pawprint (pawprint = whatever your pawprint is)

    connecttobengal2

    –On the Name line, you’ll need to put “tigers\” before your Pawprint (as shown above).

    The Finder will open to your account on the bengal server.

    If you’ve used your bengal space before, there may be one or more files already in it.

    At least one folder should already exist as it it created automatically with your student account: the www folder. Any web page you want to host on your university account (and any related files) must be placed in this folder for public access.

    dws5bengalwww

    As you might want to create more than one web project, create sub-folders for each one to keep yourself organized. In Fundamentals class, we want you to create a folder inside “www” named “2150″.

    2.  Upload your “Publish To Web” folder to Bengal

    Simply drag and drop your “publish_to_web” folder that you exported from SoundSlides into your “2150″ folder on your Bengal space.  It may take a minute or two to copy over all the files that folder contains.  Be patient.

    3.  Go to the Internet to get the URL for your slideshow

    Your URL will likely follow this pattern:  http://web.missouri.edu/~YOURPAWPRINT/2150/publish_to_web/

    When you see your slideshow in the web browser on a plain, white background, copy the URL to your clipboard.

    4.  Generate the embed code you will paste into your blog

    The SoundSlides Web site make available a very handy utility for generating Flash embed code for inserting the project into your content management system. Visit the Web site:

    http://www4.soundslides.com/apps/utilities/

    And paste in the URL to your slideshow (i.e. publish_to_web folder)

    Pasting in the URL for SoundSlides to generate embed code

    The SoundSlides Web utility will automatically generate some Flash embed code based on the URL you submit. After clicking Continue, the site will also allow you to specify the size of the slideshow. SoundSlides, by default, exports the slideshow in several sizes. If you are going to embed the slideshow into a smaller column or a post, it is likely that you will have to reduce the size using those options.  It is also recommended that you click the box that says “disable autoload”.  That will keep your slideshow from autoplaying upon loading.  It is a stronger user experience to have your viewer choose to hit play than to have it play automatically.

    Copy all of the embed code that appears in the box beneath your slide show.

    5.  Paste your code into your blog post

    Go into your blog post.  Click on the “HTML” tab and paste your code into the text field.  Once it is in place, click back on the “Visual” tab.  You may see your slideshow OR you may see a yellow box.  That’s okay.  Click preview on your post and you’ll see that your slideshow appears properly in your post.

    If you want to have another headline (in addition to the one you’ve put on the slideshow itself) on your blog post, enter it in the headline field.  If you DON’T want a traditional WordPress or Blogger headline type the following HTML code into the headline field:   

    You can add more text above or beneath the slideshow, too, if you’d like.  Just do that using the visual editor function.

    This is what your slideshow will look like embedded in your Blogger blog post:

    In WordPress your post will publish to a single link. That link will take you to a “dead” page with your SoundSlides ready to play right there. There will be no branding, design or navigation on the page with your slideshow, just the slideshow.

    ----------Posted on May 7, 2012 by in Help Files

You must be logged in to post a comment.