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

FTH4 DISTRICT BETA participation requests are now open

Remember club numbers are always required.

The 110 clubs who are part of FTH4 Beta testing, please post in the FTH4 Beta Support Forum only.

Embedding PDFs in your custom webpage with Google Viewer

  • SteveTheTechie
  • SteveTheTechie's Avatar Topic Author
  • Offline
  • Emeritus
  • Emeritus
  • Posts: 11492
  • Thanks: 3057

Embedding PDFs in your custom webpage with Google Viewer

12 years 5 months ago - 12 years 5 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: 12 years 5 months ago by SteveTheTechie.
The topic has been locked.
Moderators: BrianPamrhtaylor3NotLiableNSBjgavinLcala305Henipeterb323DebbieT
Time to create page: 0.146 seconds