How To Embed Google Drive Document (PDF) In Blogger Post?

iframe google-drive-api blogger
Nahoor picture Nahoor · May 24, 2017 · Viewed 37.7k times · Source

I want to embed a pdf document from Google Drive in my Blogger Post.

Answer

Sifatur Rahman picture Sifatur Rahman · May 25, 2017

Select the pdf file you want to embed. Right click > Preview > More actions > Open in a new window. Now click More actions > Embed item. Copy the embed code and paste it on your blog post (File must be set publicly visible if you want everyone to see this).

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

Related questions

Cannot embed Google Drive Files in an iframe

I recently had a problem with the Google Drive API displaying my documents. We have developed a web application that is connecting to Google Drive accounts to retrieve a user's drive files, then display in an iframe the file using …

Read More
How to apply CSS to iframe?

I have a simple page that has some iframe sections (to display RSS links). How can I apply the same CSS format from the main page to the page displayed in the iframe?

Read More
Make iframe automatically adjust height according to the contents without using scrollbar?

For example: <iframe name="Stack" src="http://stackoverflow.com/" width="740" frameborder="0" scrolling="no" id="iframe"> ... </iframe> I want it to be able to adjust its height according to the contents inside it, without using scroll.

Read More