12
Embedding Soundslides into Personal Wordpress The How-To

Embedding slideshow in wordpress

Embed Size (px)

DESCRIPTION

by Katie Barlow: How Comms 328 students can embed DU-hosted slideshows in personal wordpress sites.

Citation preview

Page 1: Embedding slideshow in wordpress

Embedding Soundslides into Personal Wordpress

The How-To

Page 2: Embedding slideshow in wordpress

Disclaimer

Your slideshow needs to be published on the Daily Universe site by RJ before you can go any further.

Page 3: Embedding slideshow in wordpress

• Log into the DU site at universe.byu.edu

• Halfway down the right side of the page will be the log in link

Page 4: Embedding slideshow in wordpress

• Navigate to your post with the slideshow and click “Edit”

• In the “Custom Fields” box, copy the src address (everything between both double quotation marks)

• Note: You cannot use the URL found in your browser address bar. You must use the one from the Custom Fields box.

Page 5: Embedding slideshow in wordpress

• Go to http://tools.soundslides.com/embed/

• Paste in the copied src code

• Click “Continue”

Page 6: Embedding slideshow in wordpress

Copy the generated embed code

Page 7: Embedding slideshow in wordpress

• Select the HTML tab and paste the generated code into the post

Page 8: Embedding slideshow in wordpress

• Type in the gigya code:• [gigya width="420" height="383" src="

http://www.newsnet.byu.edu/teaseimg/photogalleries/technologywhere/publish_to_web/soundslider.swf?size=0&format=xml" quality="high" bgcolor="#000000" width="420" height="383"]

• Be sure to change the filename after the photogalleries/ to what your file is named

Page 9: Embedding slideshow in wordpress

• Locate the src= and copy everything between the two double quotation marks.

Page 10: Embedding slideshow in wordpress

• Replace the src in the gigya from the generated code you copied from the Soundslides Embed Utility

Page 11: Embedding slideshow in wordpress

• Delete the generated code from Soundslides Embed Utility

Page 12: Embedding slideshow in wordpress

• Click Save or Preview to see the slideshow.

• Then press Save