Have you heard anything about google drive? if not, visit drive.google.com, that is the easiest and one of possible ways of embedding PDF in your blogger posts.
Follow these steps:
1. To upload the file, head over to drive.google.com, click the upload button and select the file option as show in the screenshots below:
A window will popup to browse files. Select your file to start the file upload.
2. As the uploading completes, we have our PDF file hosted on Google drive. Next, we need to do a slight change in the file permissions of our PDF to obtain an embed code for it to use publicly. Right click on the file and choose Share from the popup menu.
3. In the dialog so opened, move to the Advanced part of the Sharing settings.
4. Now, look for the Change… link in the Who has access section.
This will bring you to the file’s privacy settings.
5. We have to change the access of our file from private to public. Select “On – Public on the web” and click the save button.'
6. Finally, grab the link of your PDF from the Share settings dialog.
7. Now, observe the following code:
<iframe src="https://drive.google.com/file/d/0B2MISW7jvFMIc3RhcnRlcl9maWxl/view?usp=sharing" width="600" height="300"></iframe>
Replace the highlighted area in the above code to your copied link. The final code will be the embed code for our PDF.
8. Now, in your Blogger dashboard, create a new post, set it to the HTML mode, and paste the final code into it.
That’s it! Publish/Preview the post to see the embedded PDF document in action. You may move the embed code in the post editor anywhere you wish to show the PDF.
No comments:
Post a Comment