How awesome it would be if Blogger allow people to upload PDF in post editor directly. It will save so much time. Well, Google has other products to make it easy for you.
The best way to embed PDF in blogger is through Google Drive.
Google drive let's you upload everything but it stopped it's hosting service in September. It was a great option for web designers to host their CSS and Javascript stylesheets. Now, dropbox is the only option for them.
Using dropbox to host files
Coming to the point, it's very easy to upload file in Google drive and you can upload and embed PDF in blogger in just 5 minutes.
Steps to follow
Now, you can publish your post with your PDF in it.
If you want to change the height and width of box which appears with PDF in post then change the value of height and width in iframe code.
Happy Blogging!
The best way to embed PDF in blogger is through Google Drive.
Google drive let's you upload everything but it stopped it's hosting service in September. It was a great option for web designers to host their CSS and Javascript stylesheets. Now, dropbox is the only option for them.
Using dropbox to host files
Coming to the point, it's very easy to upload file in Google drive and you can upload and embed PDF in blogger in just 5 minutes.
Steps to follow
- Login/Signup to Google Drive
- Click on 'Upload file' in 'My Drive' and upload your PDF file
- Now, right click on your uploaded PDF file and click on 'Get shareable link' so that anyone with the link can view your PDF and this will also copy the link.
- Now, open new tab in browser and paste the link and hit enter
- This will open your uploaded PDF. Now, click on triple dots on top right and then click on 'Embed'
- Copy the code from the box that will appear
- Now, go back to your blogger account and edit the post in which you want to embed your PDF. In post editor, click on HTML on top left and paste the code that you just copied like this:-
Now, you can publish your post with your PDF in it.
If you want to change the height and width of box which appears with PDF in post then change the value of height and width in iframe code.
Happy Blogging!
0 comments:
Don't forget to check 'Notify me' box to get notification of reply.