0:00
Hi everyone, welcome to K2 blogging and in this video, I will show you how you can embed
0:04
a PDF file in your blogger website. So about 11 days ago, I made a video on how to embed PDF in WordPress and someone just
0:14
commented me how to embed this PDF in blogger. So let's check how we can do that
0:20
So as there is no support of PDF in blogger, we need to host our PDF in a third party cloud
0:27
server like Google Drive. So let's upload our PDF file to Google Drive
0:33
So just click on new button and click on file upload and then choose the PDF file and upload
0:39
it to your Google Drive. After that, you need to right click on it and click on get link and by default it is
0:49
set to restricted. So you need to switch to restricted from anyone with the link and then you need to copy this
0:56
link to your clipboard and after that, let me just go to this web page and I here I
1:02
have shown how to do it properly. So you need to copy this code
1:07
So let me just copy this code and I will switch to another website here and let me just click
1:16
on new post here and I will paste that code that we have copied from this website
1:25
So you need to add the iframe like this and you need to change the ID
1:32
So let me just copy this code again and let me just paste it after it and I will copy
1:41
the ID like this. So just paste the code after D slash and you need to change it here like this and you can
1:54
also lazy load this iframe by adding a loading equal to lazy
2:02
Loading equal to in double code you can type lazy. So it will lazy load the PDF
2:09
Okay, so let's publish this page. Now let me just open this page
2:21
And as you can see the PDF is embedded to our web page and you can scroll down the PDF
2:27
and read the whole PDF like this and you can also zoom in or zoom out the PDF and when
2:34
someone click on this pop out button, it will take me to the Google Drive page
2:42
So you can also change the width and height of this PDF file
2:47
So for this, let me just open the blog post and here you need to switch to the HTML view
2:53
here and here you will see this option width and height. So if you want to change the height, suppose I want to make the height like 600
3:06
Now let's update this code. Now let's refresh this page. As you can see, the height is now increased and you can also change the width
3:18
So let me just change the width to around 900 and let's change the height to around
3:26
900 like this. Now let's update this. Now let me just refresh this page
3:35
And as you can see, the height and width of the PDF is increased
3:39
So in this way, you can easily embed a PDF file just by uploading the file to your Google
3:44
Drive and then copy the link and replace the ID of that link with the given code here
3:52
So I hope you have understand how to embed PDF file in Blogger
3:56
And if you have any doubt regarding this, then you can ask me in the comment section
3:59
and you can also share your doubts in the comment section. And if you found this video helpful, then make sure to hit the like button
