How to Display a PDF on Blogger Blog

Posted by Top Online Tech  |  2 comments
Check out our Tutorial Videos On CorelDraw Graphics tweets by Toponlinetech

You can be able to display pdf file on your Blogger, through this steps. G Docs, Google documents  enables you to embed any PDF document in your Blogger post. You need to upload your PDF file to Google Docs first and update the visibility options.
Steps to follow
also see;
How to create your own YouTube Channel And make Money from It in 2019

Log into your email and click on the menu on your email you will see Drive Click on it as shown below 

1. Open the Google Docs website (link in Resources), and then sign in with your Google Account to open your Drive page.

2. Click the "Upload" button in the Drive sidebar and then select "Files" in the drop-down list to open the Choose File to Upload,
3. Click the PDF file you want to upload. The Upload Complete window displays the selected PDF file link and the Uploaded status.

4. Click "Share" to open the Sharing Settings window, and then click "Change" to open the Visibility Options section. 
Select the radio button for "Public on the Web" and then click "Save" and then click "Done."

5. Click the PDF link in the Upload Complete window to open the PDF in a window.
6. Click the "File" tab on the PDF ribbon, and then select "Embed This PDF File" to open the window with the HTML code. or copy shareable link.

From Google to Blogger

1. Open your Blogger page in a new browser window or tab, and then click the "Create New Post" button to open the Post window. Click the "HTML" tab.
2. Click inside the Google Docs HTML window from the previous section to highlight the embed code, right-click to open the selected text and then select "Copy" in the resulting menu.
3. Right-click in the Blogger post window and then click "Paste" to paste the HTML code.
4. Click the "Preview" button on the Blogger Post window to preview the opened PDF on your Blogger layout in a new window. Click "Publish" to post your blog.
5. Click "OK" on the Google Docs window to close the window with the HTML code.

May 19, 2019 Share:


  1. This comment has been removed by the author.

  2. I really want to thank the author for such a nice blog that explains how to display PDF on Blogger Blog. You can also use pdf to jpg Converter for more information.


About Us has been publishing weblogs and online tech post since 2019 and it has created some really good resources that got popular among its readers, Such post are unique and clear, we have a goal of passing the best information as clear as possible. We always try to make our weblogs as informative as it can be. You can keep visiting us for the following main types of blog posts-Online How tos, tech, Blooging, SEO tips. Making Money Online. Free websites for useful resources, and lot more.
Proudly Powered by Blogger.
back to top