Home
Blogger

How to embed PDF using Google Drive in HTML, Blogger

Hello everyone, welcome to STW-WEB, you are searching for a solution for embedding the pdf file in your website instead of redirecting to another website, Then I came up with a solution for you! In this tutorial, I will show you How to embed PDF using Google Drive in HTML, Blogger!

So without wasting much time let's check how to embed PDF in Blogger using Google Drive!

How to embed PDF in Blogger using Google Drive?

  • First, go to the Blogger dashboard
  • Then go to the post or page where you want to embed PDF
  • Then use the following Iframe code to embed your PDF

<iframe src="https://drive.google.com/file/d/file_id_here/preview" width="640" height="480"></iframe>

Paste your Google Drive file ID is highlighted file_id_here and you can adjust height and width by changing highlighted 640 and 480


How to get a file ID from Google Drive?

  • First, go to Google Drive
  • Then find the PDF file that you want to embed
  • Then right-click on that PDF file
  • Then click on Get link option
  • And make sure in the General access file set in Anyone with the link
  • Then click on Copy link
  • Now link will be copied
  • Now paste that link into notepad or any text editor
  • In the link after d/ is your Google Drive id, an example is given below


Conclusion

Hope this How to embed PDF using Google Drive in HTML, Blogger tutorial will be useful to you, if you have any doubts related to this tutorial ask me in the comments, Do share it with your friends, Thanks for visiting, and Have a nice day!