How to display a .pdf file in your blog or other website

Do you, or a club you belong to, create newsletters and distribute them in .pdf format? Have you ever wished you could just put the .pdf document in a blog post?

You’re in luck, it’s really quite easy if you use Google Drive to store your .pdf files.

Here are the steps from the beginning.

  1. With a .pdf file on your computer
  2. Open a web browser, go to Drive.Google.com and sign in with your Google Account.
  3. Click the New+ button in the upper left and choose Upload File
  4. Locate the desired .pdf file on your computer and click Open
  5. Now that file is in your Google Drive, open it there. (see Private or Public? below)
  6. You should now be seeing the whole .pdf file, you can scroll thru as many pages as it has. Click the 3-dot menu in the upper right and choose “Open in new window”
  7. Click the 3-dot menu from here and you should see an option for “Embed item” and copy the code from the box
  8. Go to your blog or website and be sure you’re in edit mode and HTML view then paste the code and save your post.
  9. When you view your blog, you should see the .pdf document in its own scrollable section called a frame. Here is a sample I did in blogger.

Private or Public?

Google Drive is a place to store your files. Anything you place there will be viewable only by you. Even after following all the instructions to embed the file in a web page, it will only be viewable by you. This can be handy if you want it to be private.

If you want it to be viewable by the public, there’s another step between steps 5 and 6 above. Select the file, click the link button at top right and turn link sharing on.

If you’ve been reluctant to keep a blog for disseminating news because you prefer creating documents and sharing pdf files, now you can have the best of both worlds.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.