Enter your keyword

How to Embed PDF Files in Blogger Site

Do you want to embed PDF files to your Blogger site? Blogger allows you to embed PDF files and make them available for download easily. In this article, we will guide you how to embed PDF files to your Blogger site quickly.

Step#1: Upload PDF File to Google Drive

This method is simple and works perfectly on Blogger. We will use Google Drive to upload a PDF file and then display it in Blogger.

First, you need to go to Google Drive where you will upload the PDF File. On Google Drive dashboard, you need to click ‘Newbutton and then select ‘File Upload‘.
Upload PDF file on Google Drive

This will bring you to media uploader popup. Now, you need to select a PDF file that you want to upload.
Select a file

Google Drive will now upload the PDF file to your account. Once the upload finishes, you will see a green tick arrow beside the title of your PDF file. To get the embed code, click on the title of your PDF file.
PDF File Upload Completed

Upon clicking the title of the uploaded file, it will open up a quick preview of your PDF.

Click on the ‘More actions‘ icon and select ‘Share‘.
Sharing the File

Click on the “Get Shareable Link” to make the PDF file available to the public users. Anyone with a shareable link can view your PDF file.
Get Shareable link of the file

Once the shareable link is created, you will need to visit the shareable link to get the embed code of your PDF file. Click on ‘Copy Link‘ and open it in a new tab in your browser.
Copy the shareable link

Upon visiting the shareable link, you will see the content of your PDF file. Click on the ‘More actions‘ icon and select ‘Embed Item‘.
Select Embed Item to get Embed code of PDF file

Now copy the HTML embed code of your PDF file and paste it either in your posts or pages.
Copy the embed code

Step#2: Adding Embed Code in Blogger

Go to Blogger >> Your Blog >> Edit/Create the post or page where you want to display the PDF file. On the post editor screen, click on the HTML tab and paste the embed code that you copied in the previous step.

Click on the ‘Preview‘ button to see how the PDF file looks on your blog. You can adjust the width and height of the embed document by adjusting the HTML code. If you’re satisfied with the result, press ‘Publish‘ button to post to your blog.
Blogger Post Editor

We hope this tutorial has helped you in learning how to embed a PDF file in blogger. Feel free to share your suggestions in the comments below.

No Comments

Post a Comment

Your email address will not be published.