How To embed an iframe of pdf file in blogger post
What is an iframe and benefits of using an iframe?
An iframe is an inline iframe to show another document, let's say a word document in a pdf form in one's website using some HTML code. By using an iframe in website, a user will be able to download, save and share the documents for an offline use. Another benefit of using an iframe in a blogger post is that we are able to show and slide very large documents within our posts easily. Using iframes to insert large documents such as textbooks, journals and notifications increases positive user experiences on any website. I found an iframe best to show or embed my ebooks and novel within my blogger post. An iframe saves your images, layouts, tables and colours as it is, you used in a word document and gives you a satisfaction for your hard earned effort that could be lost by direct copy, pasting in a blogger.
Here I'll show that how you can insert an iframe for a word document within blogger posts. This is an example of my novel "The Mughal Eclipse" is embed as an iframe in one of my blogger posts.
To embed an iframe of pdf document is a little trickier task. You need an 'embed code' and a 'pdf link' to exactly show the visible and working iframe of your pdf document in your blogger post. By following the given steps, you can embed any books, worksheets, files or notes in an iframe. The advantage of embedded iframe in a blogger post is that it is easy to download, save and share the large files from blogger post. If you want to post, save and share pdf copy of any document in a blogger post, then embedding an iframe is an option.
To embed or show an iframe in a blogger, you have to follow these steps:
Step 1
- Convert your Word document into pdf format.
- Download the file on your device.
Or Download file directly if you want to show some public material on your Blogger iframe.
- Once the file is downloaded. Open it in Google drive.
- Click on Share at top right corner.
- Click on 'get link' and turn on 'share with everyone' option.
- Copy the link in notepad.
Step 2
- Click on three dots at top right corner.
- click "open in new window
- click on Three dot icon again
- Click on 'embed items'.
- Copy the code and save it on notepad.
Step 3
- Open blogger dashboard
- Click on new post or click edit if you want to embed iframe in any already published post.
- Click HTML
- Paste the embed code in HTML of post.
- Select the embed code by right clicking.
- Click 'link' icon from panel. A new window will pop up.
- Copy link that you saved in step 1 when you saved share with everyone option.
- Paste pdf link in the window and Save.
- Switch to Compose mode.
- Your iframe of pdf document in blogger post is embedded.
To see final result, click publish.
View the post.
- An embedded iframe of pdf document will be visible in your blogger post.