Three different ways to upload a presentation to WordPress

A new acquaintance of mine recently asked how I embedded a presentation on my wordpress blog. Well, I responded that depends… So this post is for The Three Bloggers

Using Slideshare:

Upload the presentation to Slideshare

First create an account. http://www.slideshare.net

Then upload your presentation to Slideshare using the upload button. Add a description and tags. Edit the info and settings. Then click on the thumbnail of the presentation to test it. Make sure it looks good! Click on the Embed button. You can change the size if you wish using the customise button, then copy the code.

http://en.support.wordpress.com/slideshows/slideshare/

Add the code to your wordpress post

Create a new post. Add a title, keywords etc. Click on the Text button to adjust the html code for the post. Then press Ctrl+V to paste the code into your post. It will look something like this (put the < symbol at the beginning and the > symbol at the end of each paragraph):

iframe style=”border: 1px solid #CCC; border-width: 1px 1px 0; margin-bottom: 5px;” src=”http://www.slideshare.net/slideshow/embed_code/22390684&#8243; height=”486″ width=”597″ allowfullscreen=”” frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no”></iframe
div style=”margin-bottom: 5px;”><strong> <a title=”Metro ui style” href=”http://www.slideshare.net/AlesandraBlakeston/metro-ui-style&#8221; target=”_blank”>Metro ui style</a> </strong> from <strong><a href=”http://www.slideshare.net/AlesandraBlakeston&#8221; target=”_blank”>Alesandra Blakeston</a></strong></div

Go back to the visual view. Check to see if the presentation has embedded itself – you will see a yellow rectangle. Then press the preview button to test.

Metro ui style from Alesandra Blakeston

Using the Microsoft Skydrive PowerPoint Web App:

Upload the presentation to your Skydrive

First create an account: https://skydrive.live.com/

Click on documents. Then drag and drop your presentation on to your personal skydrive. Wait for the document to upload. Open up the presentation. Then click on file > share > embed. Click on the generate button, adjust the size and copy the code.

Add the code to your wordpress post

Create a new post. Add a title, keywords etc. Click on the Text button to adjust the html code for the post. Then press Ctrl+V to paste the code into your post. It will look something like this (put the < symbol at the beginning and the > symbol at the end):

iframe src=’https://skydrive.live.com/embed?cid=68C48A64E8F248B9&resid=68C48A64E8F248B9%21107&authkey=AAp6Dn5uFcfMsaE&em=2&wdAr=1.3333333333333333&#8242; width=’722px’ height=’564px’ frameborder=’0′>This is an embedded <a target=’_blank’ href=’http://office.com’>Microsoft Office</a> presentation, powered by <a target=’_blank’ href=’http://office.com/webapps’>Office Web Apps</a>.</iframe

Go back to the visual view. Check to see if the presentation has embedded itself – you will see a yellow rectangle. Then press the preview button to test.

Microsoft Skydrive PowerPoint Web App — Support — WordPress.com.

You can do something similar with a scribd account: http://en.support.wordpress.com/scribd/

Use the WordPress Gallery

Save your presentation as pictures

Open up the presentation and save as *.png or *.jpg as you prefer. Choose to save all of the slides rather than just the current slide.

Create a gallery in your wordpress post

Create a new post. Add a title, keywords etc. Click on the Add media button. Click on the create a gallery button. Drag and drop the pictures into the gallery, and then press the create a new gallery button at the bottom of the page. Reorder the pictures to match the way you want them presenting. Ensure that you choose the slideshow type of gallery, then press the insert gallery button. In case you are interested the shortcode in the html view will look like this (put the [ symbol at the beginning and the ] symbol at the end):

gallery type=”slideshow” ids=”1962,1963,1964,1965,1966,1967,1968,1969,1970,1971,1972,1973,1974,1975,1976,1977,1978,1979,1980,1961″

This slideshow requires JavaScript.

And there you have it! Three different ways to embed a presentation. WHich do you think has the best clarity? Which is more user friendly? Let me know!

Of course you can also use these techniques to display just about any document! Hope it helps!

Alesandra Blakeston