Test draft

To embed a PowerPoint presentation into your blog, you have several options. For any of these options to work, the file must be in PowerPoint format, which means that the application should automatically append one of these extensions: .ppt or .pptx

  • If you created the file in PowerPoint and don’t see the extension, you most likely have a box checked that says “hide extension.” To get the extension to appear, don’t type it in manually as that won’t do anything. Instead, open the file, choose Save As from the File menu, uncheck the “hide extension” box, and save the file again (overwriting the first version, if necessary).
  • If you created the file in Apple’s Keynote, then export a copy in PowerPoint format, which will automatically end in .ppt

Option 1: Use a Free Presentation Hosting Site

Just as YouTube and Vimeo are a free video hosting sites, there are also sites that will host your PowerPoint presentations for free. You can post the presentation to the site and then easily share it with others by sending them the URL or by embedding the presentation on your blog.

Using a presentation hosting site is your best option because these sites are able to display PowerPoints in their original format, without losing any of your text or design elements. The site I recommend is SlideShare.net

Follow these steps to upload your presentation to SlideShare and then embed it in a blog entry:

(1) Go to SlideShare and create a free account.

(2) Upload your PowerPoint presentation.

slideshare-upload.png

(3) The file may take a while to upload and convert. While it’s doing that, you can give the presentation an appropriate name, type a description, select the appropriate category, and so on. (You’ll see that you have the option to make the presentation private. If you do that, then you’ll have to edit the presentation settings to enable embedding.)

slideshare-postupload.png

(4) After the file has been uploaded and converted, view it. Click on the Embed button at the top, select the embed code, and copy it (ctrl-c on Windows or command-c on Macs). The embed code will be a long string of code that starts with div. (If you selected to make the presentation private, you won’t have an embed option until you change the settings for the file.)

slideshare-get-embed.png

(5) Switch over to your blog entry. If the editing window isn’t already in HTML view, put it in that view by clicking the HTML tab at the upper right corner.

(6) Put your cursor where you want your presentation to be embedded and paste the code. The embed code is quite long, so it’ll span several lines, which is fine. Don’t change anything in the code. And do NOT change the post to Visual view. Doing so will cause the code to disappear, so leave this post in HTML view for good.

(7) To preview the post to see how the embedding worked, click the Preview Changes button in the upper right corner, about an inch above the blue Publish/Update button. Or save the entry as a draft and view that version. (But whatever you do, do NOT change to Visual view!)

(8) When everything looks good, click the blue button to Submit (or Update) the post. Then go to the “front page” of your blog to see what the new entry looks like. If you can the entry with the embedded presentation, your visitors and I can also see it, and you’re all done!

This is an example of what an embedded SlideShare file looks like:

Option 2: Use Google Docs

If you created your presentation in the Google Docs presentation application, you can embed it directly into your blog. I do not recommend using this method to embed presentations you created in PowerPoint and uploaded to Google Docs as the file will be converted to Google Docs format, which means some of your PowerPoint formatting may be lost.

(1) Open your presentation on Google Docs and click the Share button in the upper right corner. Select the Publish/Embed option.

gd-share-embed.png

(2) After the file has been published, you’ll see a screen that includes the embed code as well as a few other options (which you can leave set to their defaults). Select the embed code and copy it (ctrl-c in Windows or command-c on Macs).

gd-published-pres.png

(3) Switch over to your blog entry. If the editing window isn’t already in HTML view, put it in that view by clicking the HTML tab at the upper right corner.

(4) Put your cursor where you want your presentation to be embedded and paste the code. The embed code is quite long and should start with a left angle bracket and the word iframe. Don’t change anything in the code. And do NOT change the post to Visual view. Doing so will cause the code to disappear, so leave this post in HTML view for good

(5) To preview the post to see how the embedding worked, click the Preview Changes button in the upper right corner, about an inch above the blue Publish/Update button. Or save the entry as a draft and view that version. (But whatever you do, do NOT change to Visual view!)

(6) When everything looks good, click the blue button to Submit (or Update) the post. Then go to the “front page” of your blog to see what the new entry looks like. If you can the entry with the embedded presentation, your visitors and I can also see it, and you’re all done!

This is an example of what an embedded Google Docs presentation looks like:

https://docs.google.com/present/embed?id=ddsft2w8_82cppgf4dn

Option 3: Upload Presentation to Your Blog

If your presentation file is under 10mb, you can upload it directly to your blog, but I don’t recommend this option if you made your presentation with PowerPoint 2007 or newer, as the plugin that controls the embedding relies on the Google Docs presentation viewer, which can’t display some of PowerPoint’s newer features.

Follow the steps below to upload your presentation to your blog:

(1) Put your cursor in the location in the blog entry where you want the file to be embedded.

(2) Click on the sun icon in the Upload/Insert menu. (That’s the general “Add Media” button.) The media browser will launch.

wp-addmedia-button.png

(3) Click Browse to locate the presentation file on your computer and select it.

wp-presentation-browse.png

(4) Click the Upload button.

wp-presentation-upload.png

(5) After the file has been uploaded, a set of fields will appear on the media browser that include the title of the file and some other information. You can leave those as is. What you want from this screen is the URL of the newly uploaded file. So double-click in the box that contains the URL to select the entire thing, and then copy it (ctrl-c on Windows or command-c on Mac).

wp-presentation-copyurl.png

(6) Click Save All Changes. You may then be taken to the Gallery view, so just click the x in the upper right corner to close the media browser.

(7) Now that you’re back in your blog entry editing window, paste the URL you copied in the previous step (ctrl-v on Windows or command-v on Mac). Then add this code around the URL to activate the embedding plugin:

wp-presentation-code.png

This is what the end result should look like, with the embedding code around the URL for the presentation file:

wp-presentation-code-ex.png

(8) Preview the post to see if the embedding worked. If not, make necessary revisions.

(9) Submit the post. Then go to the “front page” of your blog to see what the new entry looks like. If you can the entry with the embedded presentation, so can we, and you’re all done!

This is an example of what a presentation embedded directly from WordPress looks like:

[powerpoint http://www.digitalstudents.net/wrtg1150/files/2010/12/Koffler-NewSAT-presentation1.pptx

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s