How to embed PDFs on UMW Blogs

UMW Blogs has default support for uploading and linking to PDF files. To accomplish that simply follow the directions outlined here which are the same for uploading and linking to Word, Powerpoint, and other document types.

Google Docs allows you the ability of using an embeddable viewer to display your PDF directly inside your website, allowing users to view the document without ever downloading it. Here is how to accomplish that.

1. You will first need to upload the PDF file to your website. To do this follow the same directions linked above for uploading any media to UMW Blogs. You'll use the same Media Uploader interface to upload your PDF file. Once you get to this screen, stop.

http://i.imgur.com/b0EPa.png

2. Copy the Link URL that UMW Blogs assigns to your PDF after you've uploaded it.

3. Go to https://docs.google.com/viewer and paste that link into the first field on that site and click "Generate"

4. The site will generate an embed code (along with a few other options for linking to the PDF file) as you see below. Copy all of the text under "For an embedded viewer, use this HTML tag instead:"

http://i.imgur.com/RV9QV.png

5. Go back to the post/page you are editing on UMW Blogs. Make sure you are set to HTML view in the editor (located in the top righthand corner of the editing field. Paste the embed code into your post/page and Publish or Update to see how it looks.

6. If you would like to resize the embed code you can adjust the "width" and "height" attributes in the code that you pasted. Different sizes will work better for different themes.