Inspired by my friend Nadyne’s blog post where she added a PowerPoint deck onto a page, I decided to put together a quick tutorial covering the steps to do this. The effect is really nifty! Readers of your site can click back and forth between the slides of your PowerPoint presentation within your website or view it full size in a new browser window.
The PowerPoint presentation is hosted by Microsoft’s online service SkyDrive and requires a free Windows Live account. If you already have a Hotmail or Messenger account then you can use the same name and password to log in to SkyDrive. Using SkyDrive requires the Microsoft SilverLight plug-in. If it’s not installed then you will be prompted to install it.
To begin, log in to SkyDrive using your Hotmail, Messenger or Windows Live account.
A new user will already have a My Documents folder and only he can access it. Let’s keep that folder private and create a new one to share to everyone. In the upper left corner of the SkyDrive page, select Folder from the New menu.
Give the new folder a name and then click the Change link below it.
Drag the Share with slider up until it points to Everyone (public). Click the Next button.
Click the Add Files link in the upper left corner of the SkyDrive page.
Click the Select documents from your computer link and choose your PowerPoint file to upload to SkyDrive.
Once your PowerPoint file is uploaded you will have the option to upload more files. Otherwise, click the Continue button.
Hover your mouse cursor over the newly uploaded file to view some hidden menus. Select Properties from the More menu.
In the lower right corner, locate the Embed field under Information. Copy the contents of this field to your clipboard. The code will look something like:
The width and height in the code can be adjusted up or down but should be scaled proportionally to maintain the correct shape of the embedded PowerPoint presentation
Finally, paste the copied information into a blog post or HTML page. The result should be something like the example PowerPoint presentation above.