How to embed pdf document to websites

Home>>Web development>>Tips and tools>>here

Embedding pdf document in a webpage is not that hard and not that simple too.The problem is browser support and required more flexibility.

Embedding pdf Documents to websites-Detailed discussion

To embed PDF document there are lots of websites and their offerings.But most of them are fake ,they only collect email address and spam.
The best option of embedding PDF document to website are below two.

1. Google Docs Viewer
2. Scribd

1.Scribd-Embedding pdf Documents to websites

This is the simplest but effective way to embedd pdf document to websites.
All you need to do is to

1. Make a pdf file
2. Upload it to Scribd
3. Edit hight ,width value,Copy embed code
4. Paste code in your webpage

2.Google docs viewer-Embedding pdf Documents to websites

About Google docs viewer

Google docs viewer is a web based word processor and spreadsheet managing system. This system is run by the internet giant Google.

Things you should know before embedding by Google docs viewer

• Google docs viewer does not host files.
  
  • Google docs viewer only process files to viewable and embeddable in websites.
• Your PDf files must be available over internet.
  
  • You can upload your files to some free hosting sites
• Problem-Embedding by Google docs viewr works fine but in some case there is problem with internet explorer
  
  • I had seen those problems,pdf files tends to open in a new page.But after reloading sometimes problems solved.

Embed PDf by Google docs viewer -Step by step

Step1-Upload your PDf files over internet-

You can upload files to any place,but remember the bandwidth is a factor here.

So the bandwidth of your document host is need to be considered.
I prefer below two free document hosting

• Google docs-provides 1GB free storage to any files like document(all most all types),and movie,mp3,exe files with excellent bandwidth.
• Google sites-every googlesites comes with free 100MB storage.

Step2-Get the download link of PDF file over internet

After uploading your document ,copy the download directory or address of your file.\Remember , only link to your file will not work.

Step3-Go to Google docs viewer

Click here to go to Google docs viewer

Step4-Get the embed code

Paste the the download link to your file ,then click on Generate link.

Its done,the embed code is ready.

You can change the width and height value according to your choice.