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> tag
- 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
- First of all, Upload the PDF file to Google Drive.
- Now change the share link permission to public view and copy the link to the clipboard.
- Now you need to add the below iframe code in the HTML view of the blog post.
- Then change the Gdrive file id with the given code and save the post.
<iframe loading="lazy" width="100%" height="800" src="https://drive.google.com/file/d/1LtZ0sVLWZOiKzno2Xl8Yyy9YGQNoUMoe/preview?usp=sharing"></iframe>
In the above code, you need to change this id 18bJlmnGH7e1Ku_f1CHdNDt2L6rnBBkJc
Now the pdf file is embedded in the Blogger website successfully.
If you don’t want your users to download the pdf file to their computer and they will be able to just view the pdf file then follow the steps as shown in this video.
You can also adjust the height and width according to the pdf file and the webpage dimensions.
By following the steps in this guide, you can easily embed PDF files into your Blogger website using Google Drive. This is a simple and effective way to enhance your blog with downloadable or viewable PDFs.
I hope you found this article helpful. If you have any questions, feel free to leave a comment below or contact me!
