Show your Pdf documents from inside your webpage

Those who are involved with lot of document exchange will probably agree with me that Pdf’s are great way to distribute your original document. With Pdfonline.com, the conversion of documents from the various formats {MS Word (DOC | RTF)–MS PowerPoint (PPT)—MS Publisher (PUB)–MS Excel (XLS)–HTML (MHT)–Text (TXT)–JPG , GIF,TIFF, BMP,PNG, EMF,WMF } to pdf is just a click away.

However, it has been in the wish list of many bloggers and e-publications , over some procedure to display the contents of the pdf documents by embedding them directly in a web page. Until now, the pdfs would be uploaded to some common file sharing network , and the link to the pdf would be specified in the web page. The person whoever wishes to read, has to download the pdf to his system.

Not anymore… now you can show the contents of the pdf right inside your blog / webpage. Surprised.. below you will see a pdf document that I have created as a test document and its content displayed for all of you to see ( without downloading). Use the slider near the ZOOM tool to get a closer look and the HAND tool to drag the page



This is now possible with the help of services from http://www.scribd.com.Not only with pdfs, Scribd allows us to upload and publish documents in other formats also (check out their FAQ)

You can also customize the document for private – public viewing, Allow – disallow printing, Allow-disallow comments, and even more.. Just explore and you get to know better. I personally find this extremly useful for pdf’s ( for other formats depending on the file size, the conversion might take a little longer).. so.. Liked this… Its simple and easy.. just follow the instructions closely

  1. Register with http://www.scribd.com
  2. Look for a link that says UPLOAD
  3. You may upload a document from your Hard Drive (or) specify the URL of the document
  4. Once upload is completed, it will start converting , so that your document is embedded in a flash player ( which is used in the webpage)
  5. Depending on the number of previous documents in queue, this might take some time
  6. Once the conversion is completed, you just have to click on the file to see it on Scribd
  7. On the LeftHand side of the document page ( in scribd), you will see various options to share the file
  8. There is also an Embed Option ( You may not see this immediately after the file upload.. I had to wait for abt 12 hrs to see the embed code… so just upload the files one day ahead of schedule, to be on the safer side)
  9. You may copy paste the Embed code to your blog to show the pdf
  10. The Advanced option allows you to change the height and width of the display area.. so that you may modify it suit the appearance of your blog / website
  11. Thats it… you have the embed code.. now all you need to do is Copy paste the code at the appropriate position in your blog for your friends to see

So you see… displaying the contents of a Pdf file in a webpage is not impossible after all… it just took us a little longer to know about Scribd. I prefer to use this exclusively for Pdfs .. perhaps, you may find other attributes of Scribd more interesting. Dont hesitate to share your thoughts with the rest of us. If you find this post has been helpful in some manner, do drop in a word at the comments page
Your appreciation is my motivation

Blog Posts can be saved as PDF's to be printed later

This might not come as a new information to many of you, yet I am making this post as per the request made by Bruce – from Brazil. You may have noticed a small link at the bottom of the post Clicking on this link (at the post-page) will save the post as a pdf file, which you may either save to your system and /or take prints later.

This is the PDF creation widget from http://savepageaspdf.pdfonline.com/index.asp. This is free and is very easy to incorporate in you blog.

GENERATING JAVASCRIPT CODE

  1. Signup with http://savepageaspdf.pdfonline.com
  2. You will be directed towards PDF conversion-setup page
  3. Before actually configuring the pdf widget, do paste one of your post-urls in the Textbox and click the CONVERT TO PDF button…. take a look at the resulting pdf page..for contents, margin , paper orientation (portrait or landscape etc)
  4. IF you are not satisfied by the default values… modify the margin accordingly and obtain pdf that suits your need.
  5. Now that you have tired and tested the margins and orientation. You may proceed with customizing this widget for your blog by clicking the GENERATE JAVASCRIPT button
  6. Now the code for pdf creation is ready and is displayed in the bottom textbox

Adding the script to the POST-PAGE ONLY
This will display the at the post page only…will not be displayed in the blog indexpage (unless you specify in the sidebar). Locate the code in blue and insert the code as inditated in red in Template – edit template – expand widgets template
<b:if cond=’data:blog.pageType == “item”‘>
<h2 class=’date-header’><data: post.timestamp/></h2>
ADD THE JAVASCRIPT CODE
<b:include data=’post’ name=’post’/>

Adding code below each post to be displayed in blog index page
Remember :-… what you see is what you get in the PDF file.IF the index-page of your blog displays post summaries (like here) then .. saving as PDF will only save the displayed information that you see in the index-page of the blog
The entire post shall be saved as pdf only of the permalink of the post (post-url) is displayed in the browser
<p class=’post-footer-line post-footer-line-1′>
<span class=’post-author’>
<b:if cond=’data:top.showAuthor’>
<data:top.authorLabel/><data: post.author/>
</b:if>
</span>
<span class=’post-timestamp’>
<b:if cond=’data:top.showTimestamp’>
<data:top.timestampLabel/>
<b:if cond=’data: post.url’>
<a class=’timestamp-link’ expr:href=’data: post.url’ title=’permanent link’><data: post.timestamp/></a>
</b:if>
</b:if>
</span>
ADD THE JAVASCRIPT CODE
<span class=’post-comment-link’>
<b:if cond=’data:blog.pageType != “item”‘>

Hope this helps.Your appreciation is my motivation