Saturday, June 03, 2017

Embed Google Drive PDF It's Tricky...

In the education realm it is helpful to have the ability to embed a PDF resource from Google Drive into a Blogger Post. Teachers may want to use the PDF as a tutorial for students to access or as a writing piece to reflect back on. Embedding a PDF appears to be a challenge for the novice blogger to add to a post. Many times due to frustration a simple text link ends up being added. Today I hope to simplify this process to lessen the challenge for embedding a PDF from Google Drive.

How to Embed a PDF from Google Drive

There are two tricks for being successful with embedding a PDF into a Blogger post. The first trick is to make sure the PDF share settings is set to "Public on the Web" or "Anyone with the Link".  This is followed by the second trick of obtaining the PDF's Embed code, and finally pasting the code into the html editor of a blog post.

First Step PDF Share Settings

  1. Open Google Drive
  2. Click PDF to Highlight
  3. Select Share Icon
  4. In Pop-up Window Click Advance
  5. Under "Who has Access" Select Change
  6. Select "On-Public on the Web" or "On-Anyone with Link"
  7. Click  Save  Button
  8. Click  Done  Button

Second Step Obtain PDF Embed Code


  1. Open Google Drive
  2. Double Click PDF 
  3. Click More Actions Settings (3 vertical dots)
  4. Select "Open in New Window"
  5. Click More Actions Settings in the New Window
  6. Select "Embed Item"
  7. Copy Embed Code 

Third Step Paste Embed Code Into html Post Editor

  1. Sign into Blogger Dashboard
  2. Click  New Post  Button
  3. Select HTML Button
  4. Paste PDF Embed Code
  5. Click Publish 

No comments:

Post a Comment

Please feel free to add a comment or share an idea for creating educational blogs.