Embedding Soundslides into Personal Wordpress<br />The How-To<br />
Disclaimer<br />Your slideshow needs to be published on the Daily Universe site by RJ before you can go any further. <br />
<ul><li>Log into the DU site at universe.byu.edu
Halfway down the right side of the page will be the log in link</li></li></ul><li><ul><li>Navigate to your post with the s...
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. </li></li...
Paste in the copied src code
Click “Continue”</li></li></ul><li>Copy the generated embed code<br />
<ul><li>Select the HTML tab and paste the generated code into the post</li></li></ul><li><ul><li>Type in the gigya code:
[gigya width="420" height="383" src="http://www.newsnet.byu.edu/teaseimg/photogalleries/technologywhere/publish_to_web/sou...
Be sure to change the filename after the photogalleries/ to what your file is named</li></li></ul><li><ul><li>Locate the s...
Then press Save</li>
Upcoming SlideShare
Loading in …5
×

Embedding slideshow in wordpress

1,124 views

Published on

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

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,124
On SlideShare
0
From Embeds
0
Number of Embeds
122
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Embedding slideshow in wordpress

  1. 1. Embedding Soundslides into Personal Wordpress<br />The How-To<br />
  2. 2. Disclaimer<br />Your slideshow needs to be published on the Daily Universe site by RJ before you can go any further. <br />
  3. 3. <ul><li>Log into the DU site at universe.byu.edu
  4. 4. Halfway down the right side of the page will be the log in link</li></li></ul><li><ul><li>Navigate to your post with the slideshow and click “Edit”
  5. 5. In the “Custom Fields” box, copy the src address (everything between both double quotation marks)
  6. 6. Note: You cannot use the URL found in your browser address bar. You must use the one from the Custom Fields box. </li></li></ul><li><ul><li>Go to http://tools.soundslides.com/embed/
  7. 7. Paste in the copied src code
  8. 8. Click “Continue”</li></li></ul><li>Copy the generated embed code<br />
  9. 9. <ul><li>Select the HTML tab and paste the generated code into the post</li></li></ul><li><ul><li>Type in the gigya code:
  10. 10. [gigya width="420" height="383" src="http://www.newsnet.byu.edu/teaseimg/photogalleries/technologywhere/publish_to_web/soundslider.swf?size=0&amp;format=xml" quality="high" bgcolor="#000000" width="420" height="383"]
  11. 11. Be sure to change the filename after the photogalleries/ to what your file is named</li></li></ul><li><ul><li>Locate the src= and copy everything between the two double quotation marks. </li></li></ul><li><ul><li>Replace the src in the gigya from the generated code you copied from the Soundslides Embed Utility</li></li></ul><li><ul><li>Delete the generated code from Soundslides Embed Utility</li></li></ul><li><ul><li>Click Save or Preview to see the slideshow.
  12. 12. Then press Save</li>

×