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″ 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” target=”_blank”>Metro ui style</a> </strong> from <strong><a href=”http://www.slideshare.net/AlesandraBlakeston” 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.
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′ 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″
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!
Are you taking these pictures yourself? If yes, you must also be an amazing photographer!
I get most of my photos from sites such as photl.com. They are free to use for personal use including blogs etc. Check out this post for more details (slide 46): https://alesandrab.wordpress.com/2013/03/29/how-to-make-a-great-presentation/
Most of the drawings I do myself though, using Inkscape – I think I’ve mentioned this before! I find it really easy to use and that way I get exactly what I want. I would do the same with photos, but I’m a terrible photographer 😀
Thank you for your help, what if you check my blog?
Hi, yeah this article is truly nice and I have learned lot of things from it regarding
blogging. thanks.
Thanks for sharing this! It will come in handy.