How to Embed PDF in Blogger

How to Embed PDF in Blogger

 Do you want to embed PDF files in your Blogger Website?  Well, In this article i will share with you the easiest way to embed PDF in any webpage. 

As you know we can’t upload pdf files to the Blogger website. So, for this, we need to upload our PDF file to a third-party service like Google Drive. 

There are three ways to Embed PDF files in HTML. 

  • Using Object Tag
  • Using an iframe
  • Using embed tag

But, in this Tutorial, we will use the HTML iframe to embed the PDF file in the Blogger website as it is widely supported in all browsers. 

Steps to embed a PDF file in Blogger

YouTube video
  1. First of all, Upload the PDF file to Google Drive.
  2. Now change the share link permission to public view and copy the link to the clipboard. 
  3. Now you need to add the below iframe code in the HTML view of the blog post. 
  4. Then change the Gdrive file id with the given code and save the post. 
<iframe src="https://drive.google.com/file/d/18bJlmnGH7e1Ku_f1CHdNDt2L6rnBBkJc/preview" width="640" height="480"></iframe>

In the above code, you need to change this id 18bJlmnGH7e1Ku_f1CHdNDt2L6rnBBkJc

Now the pdf file is embedded in the Blogger website successfully. 

You can also adjust the height and width according to the pdf file and the webpage dimensions.

I hope in this article you have learned how to embed PDF files on the Blogger website. 

Leave a Reply

Your email address will not be published. Required fields are marked *