~~~ Please read before posting. ~~~

Important: We need your Club Number at a minimum, and as many details as possible.
For further info please read This page before posting.

Embedding PDFs in your custom webpage with Google Viewer

  • SteveTheTechie
  • SteveTheTechie's Avatar Topic Author
  • Offline
  • Administrator
  • Administrator
  • Posts: 11526
  • Thanks: 3050

Embedding PDFs in your custom webpage with Google Viewer

11 years 6 months ago - 11 years 6 months ago
#33896
The basic code is the following:
Code:
<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>

Replace example.com/mypdf.pdf with a URL to your PDF. Unfortunately, FTH does not provide a way to upload and directly link to a PDF like this, so your PDF has to be hosted somewhere else that will provide a direct link, such as Google Drive, Box, or Dropbox.

Here is an example of this on our test website using a PDF of a newsletter from my club:
brian.toastmastersclubs.org/index.cgi?lo...bVjzC3j9CB2f7bakgF4j
(scroll down to see the embedded Google viewer)

Another alternate approach to this is to convert the PDF pages to jpegs and upload them to a slideshow viewer like the Flikr viewer.
Last edit: 11 years 6 months ago by SteveTheTechie.
The topic has been locked.
Moderators: Brian, Pam, rhtaylor3, marc33, NotLiable, jgavin, Lcala305, Heni, peterb323, DebbieT
Time to create page: 0.540 seconds

Copyright © 2025 FreeToastHost 3 Support. All Rights Reserved.