Embeding GoogleDrive-PDF In BloggerPost

 



coding-zon-embeding-googledrive-pdf


How to embed PDF in web page or in Blogger Post


It is common to share documents online. Sometimes it is needed to show the content of a document in the current webpage. For this you need to use the embed tag of HTML. In this tutorial we will follow a step-by-step procedure to get it done.

In this article you are going to learn how to display Google Drive PDF in webpage.

For embedding Google Drive PDF document in blogger or blog spot post or in HTML webpage. You need to change some settings of the document. So first…

  1. First Right-click the PDF document. Click on the "Share" option.
  2. Next choose share with Anyone option- by default it is selected to restricted access. 
  3. If you wish the document to be accessible to everyone, then  click Change to Anyone with the link as shown in the first picture 
  4. Click on Done button. 

Long story short…

Step-1

Go to Google Drive, select the PDF file you want to embed.

  Right Click  >> Share >> Link Sharing  popup,  click on Change Anyone with the link 

  

 

e-trainings-embeding-pdf-img1

 

 Step-2

Once you do this, follow the images given below.

Next Again Right-click on PDF file  >> choose  preview option

 

e-trainings-embeding-pdf-img2

 
 

 Step-3

In the preview window click on  More actions >> Open in a new window.


 
e-trainings-embeding-pdf-img3

 

Step-4

Now click More actions >> Embed item.in popup window.

e-trainings-embeding-pdf-img4


 Step-5

Copy the embed code shown in a popup window.

e-trainings-embeding-pdf-img5



Step-6

Select the HTML view option and paste code in a blog page.  Where you want to embed the PDF.
Update and  click preview blog

It looks as shown in the picture. You can resize the preview window by changing height and width property values.



 




 

 



Comments

Popular posts from this blog

Recently viewed list in PHP Mysql

Import CSV File Into MySQL Using PHP

Shoppingcart using PHP Sessions - Miniproject