Thursday, 6 August 2015

How to Embed PDF into Website

Posted by Nikulsinh Rathod On Thursday, August 06, 2015 4 comments
Embedding a PDF From Drive into Website / Blog HTML

Embedding PDFs in a blog can be a great way to share information, especially with parents and the community. These days Google Drive makes this easy: when you’re viewing a PDF you can easily get the embed code and drop it into you blog. But, the code includes a preview pane and no options for zooming, so it’s not idea. The default Google Drive PDF embed code ends up creating this:

Steps:

  • Upload PDF File into Google Drive
  • Get PDF Link "Right click on File and Click on 'Get Link' "
  • Copy Link and Past into Embed Link

<iframe src="https://docs.google.com/viewer?srcid=[put your file id here]&pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="580px" height="480px"></iframe>



Example:
<iframe src="https://docs.google.com/viewer?srcid=0B9NfvX4FYaxtUGxPTE41T3FuZUE&pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="700px" height="480px"></iframe>
  • Past above code to your Website and Blog...!
  • Adjust Width and Height by Requirements 
Unique Developing - Web Design & Development

4 comments:

  1. I am so glad to read your wonderful article. Im looking forward to read more of
    your works and posts. You did a good job! Try to visit my site too and enjoy.

    triciajoy.com

    www.triciajoy.com

    ReplyDelete
  2. Excellent and very cool idea and the subject at the top of magnificence and I am happy to this post..Interesting post! Thanks for writing it.What's wrong with this kind of post exactly? It follows your previous guideline for post length as well as clarity..
    Best Dental Clinic In Tambaram

    ReplyDelete
  3. To succeed we must BELIEVE that we CAN.
    It's a great pleasure to read your blog. Keep on sharing some kind of knowledge. Have a good day :)
    imarksweb.net

    ReplyDelete

Site search

    Google+ Followers

    Submit URL