Saturday, September 08, 2007

Embed PDF file into post

You can see an example at Testing embedding of PDF file into post. This is a small PDF file. I will test embedding a large PDF file and/or a PDF file containing images later. Anyway, here is the method I used to embed the PDF file. This uses this very useful website Scribd.

For this task, it is best you have a browser that has tabbed browsing like FireFox with tabbed browsing. You can thus be signed into Scribd in one tab, and signed into your Blogger account in another tab, etc, all in the same window. FireFox is also fully supported by Blogger. My experience also has taught me also that having more than 1 browser is a big advantage.

First, of course, you must have the PDF file ready and stored in your computer. Go to Scribd. You can chose to upload the file immediately or register first before uploading. It is better to register first as then you can edit or delete the file, get statistics, put up your profile where you can put links back to your site or sites, thus increasing your site/sites link popularity and PageRank and possibly getting more traffic to your site/sites. Once you edit your file, your embedded file in your post will also automatically change.

You can view my Profile at Cikguas227's Profile at Scribd where you will see a few links back to my blogs.

To embed your PDF file, click "Browse" and locate your PDF file, Click "Upload" and then "Publish". (If you happen to be at other pages other than the homepage, click script upload file icon to upload PDF, PowerPoint and Words files, click "Browse" and locate your file. Click "Upload" and when uploading is finished, type in some suitable tags, a description, then click "Publish". The next page will tell you your file has been converted and give a link "View here!" Scribd file converted, view here. Click on the link "View here!". The next page will display your converted file and on the left sidebar, will be a box with the script for embedding into your post: . (Update: To get the script to embed the document, you will have to click the button SHARE as in the screen shot below:

)


Click on the inside of the box and the whole script will be highlighted. If it is not, press ctrl+A keys simultaneously (or right-click on your mouse and select "select all"). Press ctrl+C (or right-click and chose "copy") to copy script into clipboard. The original script generated by Scribd is shown in the scroll box below"

<object width="450" height="500"><param name="allowScriptAccess" value="SameDomain" /><param name="movie" value="http://static.scribd.com/FlashPaperS3.swf?guid=7i0x2tpgzzwtw&document_id=270243" /><embed width="450" height="500" src="http://static.scribd.com/FlashPaperS3.swf?guid=7i0x2tpgzzwtw&document_id=270243" type="application/x-shockwave-flash"></embed> </object>



Change to the tab where you are logged into Blogger with the post editor window opened, paste the script into the post editor window. Now, you may have to tweak the script so that the embedded PDF file fits nicely into the post. For this, you will have to know the width of your main column. Refer to How to find the widths of the Header, main column (posts) and sidebar/sidebars (click BACK button to get back to this page). Below is the original script generated by Scribd. The most important variable you have to note is width="500" (highlighted in red). The width of the main column (posts) of Testing embedding of PDF file into post is only 400 pixels, so I have to change the width in the script to 400 or less. The height is less important, and you can set it to any number you wish so that the height of the embedded file is as what you want it to be.

However, if you want to keep the original aspect ratio of the embedded PDF file generated by Scribd, like what I did for Testing embedding of PDF file into post, you will have to use a photo editor. The process is explained at Resize images with Irfanview. What I did was create an empty image and typed in 450 for the width and 500 for the height, then click OK. An empty image was created. I wanted the width to be slightly less than the width of the main column (posts). I ticked the box next to "Preserve aspect ratio" and typed in 399 for the width. The height automatically changed to 433, so I edited the script to get width="399" and height="433". Note that this has to be done in two places in the script (highlighted with red ellipse). The new script is shown in the scroll box below:

<object width="399" height="433"><param name="allowScriptAccess" value="SameDomain" /><param name="movie" value="http://static.scribd.com/FlashPaperS3.swf?guid=7i0x2tpgzzwtw&document_id=270243" /><embed width="399" height="433" src="http://static.scribd.com/FlashPaperS3.swf?guid=7i0x2tpgzzwtw&document_id=270243" type="application/x-shockwave-flash"></embed> </object>


This method can be used for both small and very large PDF file. The PDF file embedded at Testing embedding of PDF file into post is only one page long and 28.0 KB in size. I have tested embedding a larger PDF file (9 pages long and 1.44 MB in size at Dinner at the Xin Hua Restaurant in Sungai Way New Village (Kampong Baru Seri Setia), Petaling Jaya, Malaysia and there is no problem whatsoever. Perhaps one day, I may test embedding an even bigger PDF file.

There is another method to embed PDF file which will be described in the next post.

Update 9 September 2007: Missed something. Dnis aRCol said he embedded a 774 page PDF file at 2007 Nursing Board Exam Result. I tried to download the PDF file to check its size, but the Dnis has disallowed downloading the file in PDF format.

Acknowledgement: I came to know about Scribd from Dnis aRCol in a comment he made at Add spreadsheet, documents, PDF files to your post (click BACK button to get back to this page).

86 comments:

  1. Can this be used with any PDF file? I'm interested in publishing LaTeX-made PDF's. Is it possible with this method?

    Thank you.
    Andrés

    ReplyDelete
  2. Hi Andres,

    I am not familiar with LaTeX PDF. Can you give me the URL to their website? If it is free, I will test it out for you.

    Peter (Blog*Star)
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  3. LaTeX is not exactly a PDF format. It's just an engine to create PDF's with equations and math symbols (and other stuff too). The project's homepage is
    http://www.latex-project.org/

    ReplyDelete
  4. Hi Andres,

    Thanks for the link. LaTex looks like a pretty interesting resource. I am a retired scientist and can see the usefullness of LaTex for the academic professions. But it looks like it may take some time to learn. I can't afford the time at the moment. So I did a test using one of the documents in their site which I assume is done with LaTex. It has been successfully embedded at Testing embedding LaTex document.

    It is Mike Unwalla. His email is available so I will be drawing his attention to the above post and see if he has any objections. Hope I can find the time to learn to use LaTex to produce a document with scientific notations and equations.

    Peter (Blog*Star)
    Natural Remedies

    ReplyDelete
  5. Hello Mr. Chen, thank you for this post, this information is very useful to me. You mentioned that you have another way to embed pdf files into a post? Is there a way to just display a small thumbmark of the pdf file with corresponding name and/or title on the post and when it is clicked the reader will be taken to the actual file? I hope this is possible. If there is anyone who can find out if it can be done it's you! Thank you again, YOU are the Superman of the blogging world!

    ReplyDelete
  6. Hi Nini,

    I am not very sure what you mean by thumbmark, and hope you can describe it more clearly. But I think I have a fuzzy idea of what you want, and will try to demonstrate when I have cleared my backlog of comments, emails to respond to plus tasks that has datelines. In the meantime, do give me more info on what you want. And copy-paste the URL of this post into Notepad file, save it into a "to do" folder anc check back later to see if there is further developments.

    Peter (Blog*Star)
    The easiest way to earn something for your blogging efforts

    ReplyDelete
  7. Thank you for your prompt reply. I try to check your site as often as I can because I like tweaking my blog and your tricks and tips are easy for a lay person like me to follow and I've done some neat things with them. With regards to my pdf problem, in the meantime I am just going to save a small *thumbnail* (sorry for the mistake! I am so stupid) of the pic of my document, save it on the sidebar of my blog as a clickable pic that will lead to the Scribd site. Thanks so much again for taking the time to reply so quickly... and in anwer to your question, yes, Kopi Tiam is alive and well in the Philippines :)

    ReplyDelete
  8. This comment has been removed by a blog administrator.

    ReplyDelete
  9. Note from blog author: Please do not leave long unbroken line like an inactive (unclickable) long URL like the post above. The above comment had to be edited for this very reason - it has a long unbroken URL which extend into the sidebar and can cause problem
    -----------------------
    Edited comment:

    hi the same post can be found here
    (long unbroken URL)

    you have a nice blog.iam 1ofur feed reader

    ReplyDelete
  10. Hi Admin,

    Thanks for alerting me. I note this at the top of the post:

    Embed pdf files in blog
    Posted On Nov 4, 2007 at at 10:55 AM by Admin

    which means it was published just a few days ago. I also see at the bottom of the post:

    "Please give credit to Author if you find this info useful."

    I see that you have given a link blog which is to the home (main or index) page of this blog which may help a little, but is highly deficiently in your choice of anchor text. See Importance of anchor text in hyperlinks. Further, I don't see it as an acknowledgement of the source as my name or title of my blog was not mentioned nor anything mentioned that the source of your post was from this blog.

    Peter Blog*Star
    Blogger for Dummies

    ReplyDelete
  11. gud day! i try to follow the instruction posted on how to embed a pdf files but it doesn't work... in your codes they are just few but when i have my codes for my file they are too many...can you help me? thnks... you can e-mail me here: markyheras@yahoo.com.ph/markyheras@gmail.com
    God bless...

    ReplyDelete
  12. Hi Ken,

    Try to check Scribd if they have a file size limit.

    I will leave a comment in your blog if you have enabled them to be displayed.

    Peter Blog*Star
    Blogger FAQ (Frequently Asked Questions_
    (Blogger FAQ in progress. More will be added as I have the time)

    ReplyDelete
  13. hi,

    just wanted to say that as an amateur blogger, i find your site very useful. quick question re pdf embed: the scribd link was awesome, but i cant seem to figure out how to make the scribd box smaller. any suggestions?

    ReplyDelete
  14. Thanks for the help! It made posting a pdf on my blog sooo easy!

    ReplyDelete
  15. Mr. Chen greetings from india. I am amateur blogger (learnsharegrow.blogspot.com) and recently started blogging. I posted one 'Post' on my blog and wanted to attach an 'MS Excel" .xls file. Unfortunately I am not able to find out how to do. Please help and tell me how I can upload MS Excel file with my post or separately in my blog. Thanks, vineet_jain@pgp2005.isb.edu

    ReplyDelete
  16. Hi vJ,

    Try Zoho sheet. You should also be able to upload an excel file to scribd and embed into blog post the same way as PDF

    ReplyDelete
  17. Great guide!
    If you want to take a look, icomentario.blogspot.com. I think that you won't be able to understand the content of the pdf (it is in spanish) but you will see that I could perfectly did it with your guide.
    Thanks.

    ReplyDelete
  18. I am technologically challenged. I am trying to post a PDF to www.blueheronblast.com. I joined scripd and as you can see it posts but with a lot of attendant garbage around it from scripd. Is there a way for the doc to fly free? Thanks ever so much.

    Robert

    ReplyDelete
  19. Hi Peter Chen,

    I was looking for the exact same thing - add/embed a PDF into my my blog. And your post provided very clear, pin-point help. Scribd's iPaper provides a really neat way to convert and share documents online.

    Thank you so much.

    Regards,
    Mandar.

    ReplyDelete
  20. Thanks for this tip. Had I found your blog sooner, I would have saved myself two hours of useless activity! I've got you bookmarked now:)

    ReplyDelete
  21. Peter, thank you for the sharing. From your post, now I had successfully published and shared pdf file from my blog. Thanks again :)

    ReplyDelete
  22. Thank you. Expedited and enabled beautifully!

    ReplyDelete
  23. Good content of your blog bloger, please go to my blog for review & give your opinion in comment form, thank you www.tvservicemenu.blogspot.com

    ReplyDelete
  24. I won to follow your blogh but never find you follower widget,are you deleted..or no one come to join with you?..

    ReplyDelete
  25. This was very helpful! Thanks for the useful information!

    ReplyDelete
  26. Thanks that was precisly what I needed: http://jrschumann.blogspot.com/2009/06/my-brothers-upcoming-concerts.html

    ReplyDelete
  27. Happy to hear this is useful to you. However, when you leave links in comments, it is good if you make them active hyperlinks like for example the link in your comment would be better if it is My brother's upcoming concerts

    ReplyDelete
  28. thanks to you It work

    ReplyDelete
  29. just discovered your blog and post today through a Google search...your instructions are excellent...I just successfully followed them...after registration at Scribd...uploading a pdf and showing it on my own blog took about 5 minutes and this was the first time ever. How easy this was and what a great tool! THANKS for taking the time to give these instructions. I've just emailed about 100 friends with a link to this post in case any of them (some also have blogs...many use FB) would like to know how to do this. THANKS!

    ReplyDelete
  30. This worked excellent for my blog on Feng Shui...thank you for sharing..

    ReplyDelete
  31. Hi, I am a math teacher new to blogging, trying to share a powerpoint on my blog. I created a scribd account and uploaded my ppt, but when I cut and paste it is a mess. What looks like a bunch of code....can you help?

    ReplyDelete
  32. Describe in greater details what you did and what was the problem.

    ReplyDelete
  33. I have found that I could not upload my PDF files that I uploaded to Google docs onto my blogger blogs. But I have posted my blogs onto my sites on blogger by clicking the post to blog tag.And my Google docs are published on my blogs. Some of my docs published have photos added by me in addition to my work. And I can edit the text as well.Also Google indexes my Google docs when I publish to blogger,but the original web link where the document was publshed is not indexed. So publishing on blogger gets them noticed. Andrea.

    ReplyDelete
  34. Thanks for sharing your experience with Google Docs with us.

    ReplyDelete
  35. Hi Peter, Thanks for showing me how to embed a pdf in my blog. It has saved me oodles of time. Thanks again!!

    ReplyDelete
  36. Is it still necessary to use this squid program? I thought I read somewhere that google have improved that function and I don't want to go through the process if there is something easier.

    ReplyDelete
  37. It is Scribd and not squid. For alternatives, you may consider Google Docs word processing, spreadsheet or presentation. More info at Wikipedia. However, Scribd would be most useful for those who already have MS Word, Excel or Powerpoint document ready for embedding.

    Google Docs have no provision for PDF file.

    ReplyDelete
  38. Thank you so much, this was super helpful, had never figured this out with out your help!

    ReplyDelete
  39. Peter: I really appreciate your insights:
    I have been posting a book chapter by chapter but would like to collect the first part in a pdf or some other convenient mode so that it could all be read at once instead of having to jump to a new post constantly. How could I best do that? Q

    ReplyDelete
  40. You can also upload any document to Google docs and reference a link to it using the Share button.

    ReplyDelete
  41. I'm trying to use scribd to convert a power point slide show so that I can embed it in my blog at Blogger.

    I got as far as uploading, which worked fine but then I got a box asking if I wanted to download in several formats including txt. I never did see the script in words as you showed in the explanation.

    Do you have a step by step for ppt files? I need the dummy version.

    Thanks your explanations are quite clear and easy to follow, I just didn't do well reading the pdf version and translating to ppt.

    ReplyDelete
  42. I think Scribd may have changed. I will have to check.

    ReplyDelete
  43. OK I have checked. You will have to click SHARE to get the embed script.

    ReplyDelete
  44. Very helpful post - thanks so much for the detailed information!

    ReplyDelete
  45. Thanks very much for the info -- great to find a place where I can share pdfs!

    ReplyDelete
  46. This information was AMAZINGLY helpful!!! Thank you so much for sharing it!

    ReplyDelete
  47. Mahalo, mahalo, mahalo! Now my "edu-blog," (http://foam-friends-of-albatross-on-midway.blogspot.com) targeting kids ages 8-12, will have a map of the atoll wildlife projects I'm posting about!

    ReplyDelete
  48. nice information on how to embed pdf files into post.

    ReplyDelete
  49. If you like, you can use JPG To PDF Converter to make your own eBooks :)

    ReplyDelete
  50. Thanks for sharing! Great stuff

    ReplyDelete
  51. Thaks a lot. It's the thing I've been searching.

    ReplyDelete
  52. just upload with scribd.com with this way : http://pongkalaero.blogspot.com/2009/01/tutorial-cara-memasukkan-data.html

    ReplyDelete
  53. Thanks a lot for your help
    xl

    ReplyDelete
  54. Thank you so much. This was great and worked so well.

    ReplyDelete
  55. Thank you, it was easy to do the good job with such help!

    ReplyDelete
  56. thnk u...
    bt i m confused how to add because on slightly changes my blog show error page....
    so plz check my blog

    http://www.n-idiots.blogspot.com

    ReplyDelete
  57. What problem? I see you have a PDF file nicely embedded into your blog.

    ReplyDelete
  58. Thanks Peter!
    Just embedded a PDF on my blog:
    http://envenglish.blogspot.com/
    Cheers
    Mark

    ReplyDelete
  59. peter thanks for this wonderful post. it will really improve the way my blog looks like once i incorporate scribd documents on it. thanks good job

    http://thenurseandbeyond.blogspot.com/

    ReplyDelete
  60. Thanks! This helped me out a lot! I was getting really frustrated trying to embed mine with google docs, but Scribd worked perfectly. Thanks.

    ReplyDelete
  61. THANKS A LOT DUDE ! IT WAS VERY USEFUL

    ReplyDelete
  62. It's very use full to me. Thank you very much. :)

    - Vijay Rajasekharuni

    ReplyDelete
  63. i did
    http://goldenblog22555.blogspot.com/2011/03/discounted-lg-products-hurry-avenues-to.html

    ReplyDelete
  64. Thx so much for sharing :)

    ReplyDelete
  65. can you help me add PDF to my music blog. I do not want to mess up. thanks.

    ReplyDelete
  66. The method to embed a pdf file is already described in this post

    ReplyDelete
  67. Thanks dude! it is really helpful to me. I use this trick to embed my fieldwork report of my project...
    Regards:
    http://mostvisitedblog.co.cc

    ReplyDelete
  68. I never thought it was possible, but upon reading this post I was proven wrong! This surely is the best and probably the easiest way of embedding pdf file into posts, which proves to have its positive effects depending on the content you are providing.

    Thanks for this wonderful yet informative post!

    Regards,
    Jay from jpgtopdfconverter

    ReplyDelete
  69. Hi there,

    This was much easier than I thought it would be.
    You're posts have helped me out a couple of times now.
    Thanks Peter!

    Teresa

    ReplyDelete
  70. Hi Teresa,

    Glad my blog has helped you. It gladdens my heart.

    ReplyDelete
  71. Dear Peter,
    Greetings !!

    Now Scribd charges money for downloading content. Will it affect the loaded PDFs in any way.
    Regards
    Indian-Share-Tips.Com

    ReplyDelete
  72. Unfortunately that is the reality of things, nothing can continue forever for free, otherwise where do they get the money to survive? They are not Blogger with a Sugar Daddy like cashrich Google. Anyway best you contact Scribd support.

    ReplyDelete
  73. Thank you very much for your help!

    ReplyDelete
  74. great post!
    Thanks for the help!!!

    ReplyDelete
  75. Any ideas on how to allow blog readers to print the pdf without logging in to Scribd? I got the pdf's to show up fine, but then I had to add instructions to the post to say "To print, first download the document ...." But clicking on the download button takes the user to Scribd's login page. This will not serve my purposes at all.

    ReplyDelete
  76. Awesome post, it works! Thank You For All Your Help!

    Kora Sadler

    www.primeholdingsmgt.com
    www.facebook.com/PHMLLC

    ReplyDelete
  77. Thank you so much for your help. I finally found out ow to do this thanks to you

    ReplyDelete
  78. Thank you so much, it was very helpful.

    ReplyDelete
  79. Just saw your blog. Thanks for this very informative and helpful post. ;-)

    ReplyDelete
  80. Good share. I post ok in my blog. This is <a href="http://cadtutorialpdf.blogspot.in>Cad Tutorial Pdf</a>

    ReplyDelete
  81. Hey thanks, I tried it and it worked!

    ReplyDelete
  82. great post!
    Thanks for the help!!!

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics