Embedding a PDF or other Documents into a Blogger Blog
From time to time we may be sent or create a document in Word or PDF or even Powerpoint format that we would like to display on our blog. (It's a common question that comes up a lot in the Blogger Help Forums).
This simple and quick guide will take you through the process.
So read on...
1) We want to upload our file to Google Docs. So goto https://docs.google.com/
Note: Depending on if you use Google Drive the screenshots may say either Google Drive or Google Docs. They are in essence the same thing.
2) Click the Upload Icon and select files.
3) Pick the PDF or other file you want to embed and click Open
4) You'll be presented with a confirmation box. Press the Start Upload button.
5) You'll be presented with an Upload Progress box
6) When that has finished click the filename.
7) This will load the File into your Google Doc/Drive screen. Now we need to "Share" the file so that it will be visible to your readers on your blog. Click the Blue Share button at the Top Right.
8) You will then be presented with the Share Dialogue screen. Click the Change link.
9) Select "Public on the web" and press Save followed by Done.
10) Now we want to grab the Embed Code that we will use to post onto our Blog. Click the File menu then Embed option.
11) You will then be presented with the Embed code. Copy the code by selecting it all and pressing CTRL-C
12) Now goto your Blog and create a New Post and make sure you are on the HTML Tab. In the Blog Post section Paste in your embed code. It should look like this.
NOTE: You can alter the width="640" height="480" parts of the embed code to fit the size of your blog.
13) Click the Preview Button and you should see your PDF embedded in your Blog Post. If everything is ok you can go ahead and publish your post.
And that's it.
So in summary...
1) Upload the file
2) Share the File and get the Embed code
3) Post the embed code to your blog.
Alternative Methods
GoogleDocs is probably the easiest method although there are certainly others.
Goto a free site like http://www.docstoc.com/ or http://www.scribd.com and then upload your PDF/DOC. It will then give you the Embed HTML Code to add to your blog post.
Hope you found this useful and if you have any problems or questions, please don't hesitate in asking in the comments below.
This simple and quick guide will take you through the process.
So read on...
1) We want to upload our file to Google Docs. So goto https://docs.google.com/
Note: Depending on if you use Google Drive the screenshots may say either Google Drive or Google Docs. They are in essence the same thing.
2) Click the Upload Icon and select files.
3) Pick the PDF or other file you want to embed and click Open
4) You'll be presented with a confirmation box. Press the Start Upload button.
5) You'll be presented with an Upload Progress box
6) When that has finished click the filename.
7) This will load the File into your Google Doc/Drive screen. Now we need to "Share" the file so that it will be visible to your readers on your blog. Click the Blue Share button at the Top Right.
8) You will then be presented with the Share Dialogue screen. Click the Change link.
9) Select "Public on the web" and press Save followed by Done.
10) Now we want to grab the Embed Code that we will use to post onto our Blog. Click the File menu then Embed option.
11) You will then be presented with the Embed code. Copy the code by selecting it all and pressing CTRL-C
12) Now goto your Blog and create a New Post and make sure you are on the HTML Tab. In the Blog Post section Paste in your embed code. It should look like this.
NOTE: You can alter the width="640" height="480" parts of the embed code to fit the size of your blog.
13) Click the Preview Button and you should see your PDF embedded in your Blog Post. If everything is ok you can go ahead and publish your post.
And that's it.
So in summary...
1) Upload the file
2) Share the File and get the Embed code
3) Post the embed code to your blog.
Alternative Methods
GoogleDocs is probably the easiest method although there are certainly others.
Goto a free site like http://www.docstoc.com/ or http://www.scribd.com and then upload your PDF/DOC. It will then give you the Embed HTML Code to add to your blog post.
Hope you found this useful and if you have any problems or questions, please don't hesitate in asking in the comments below.
Comments
MAX232
*Uploaded the PDF document to Google Drive
*Had conversion turned on at upload
*Made the document sharing public
*copied embed code
What I get when I put that code into my blog is not the document embedded, but exactly what I see on my Google Drive screen, with the little preview document and my file information at the top. That's not what I want. I want the document to look like it's embedded as a photo would be. Is this not possible? I'm leaving it up there, as ugly as can be so you can see what I mean. Go to cresltutors.blogspot.com Is there some step I'm missing?
http://www.spoilertv.com/2013/08/switched-at-birth-season-2-katie.html
I have followed the instructions right through to the sharing bit. But I cannot see where to get the code?
Thanks for you help :)
I do these every day so I know it's there ;)
See screenshot
https://productforums.google.com/forum/#!categories/docs/how-do-i
I'm sure someone there will be able to help you.
http://ccsfdeutschnaklar.blogspot.com/ and then click on, at the bottom of the top post: Click here for complete information. What am I doing incorrectly? I take it from a post below (sharonmccreary), that the doc is supposed to be displayed,not as a pdf, but as a Google doc? I will check back here tomorrow, on the off chance that you are replying to these comments with any frequency. Thanks for any elucidation you can supply, DarkUFO.