Embed PDF file from Google Drive

Blogger: Deh Gel

I have found two concepts embedding PDF file from Google Drive. First, a normal embedding from Google Drive that having a slide at left side. Second, embedding PDF file from Google Drive by removing slide at left side. Now, here are the steps:

First concetp:
  1. Go to drive.google.com
  2. Locate the PDF file and open it 
  3. You will see at the righ-bottom "Open", "Share", and "Download". Click the ARROW at "Open" button
  4. Click "Open Google Drive Viewer"
  5. Click "File"
  6. Click "Embed this PDF file"
  7. Copy the code shown
  8. Paste to your website/blogger/wordpress/etc html/css editor.
Second concept:
  1. Go to drive.google.com
  2. Locate the PDF file
  3. Right click PDF File
  4. Click details
  5. Below "HOSTING", click the link
  6. Copy the code in the address bar
  7. Paste to your website/blogger/wordpress/etc html/css editor.
  8. Now, change the ff:
<iframe src="https://docs.google.com/file/d/0B6qyFCWE86h_aHlIY0UxM0RiMlE/preview" width="100%" height="800"></iframe>

to like this:

<iframe src="https://googledrive.com/host/0B6qyFCWE86h_ajZidnBfeXRneVk/GPH-Test%20Test%20Test.pdfwidth="100%" height="800"></iframe>

Thank you for reading and viewing it.

0 comments:

Post a Comment