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

9 Replies to “Blog Posts can be saved as PDF's to be printed later”

  1. Thanks for dropping by prabhakar
    Hope you are able to follow the instructions.. dont forget to link back if you find this post helpful

  2. I have registered with Web2PDF and have a couple questions.

    Will this code only work in the Blog I registered with?

    I am confused about terminology of where to put the code in the Blog. Post page? Blog Index Page?

    Urso Branco

  3. Bruce
    The technical-know-how.. is .. the script will convert any webpage into a pdf file… (provided that webpage has the pdf script added to it)

    Blog Index page :— the very first page that opens up when u r blog url is typed in the browser.

    Blog Post Page :— the page which displays the entire post in a single page.. ie the URL will have the Post-url … to see the diffrence… click on any post-title in the blog.. u will see the post url in the address bar ,.. and entire post + comments displayed as webpage

    Its your choice where you want to insert the PDF script… it works both ways

  4. Hi Deepa:

    Bruce from Brasil here.

    1st – I like the new look you have here.

    I finally figured out what you were talking about with the PDF thing and now ALL my blogs have it. It was simple once I got the hang of it. I have been doing many changes myself and this one finally got done today (Dec 27). Thanks! Good work as UsuaL Happy New Year

  5. Hi Bruce
    Good to see you after a long time.
    Thanks for the compliment.. Gald to know that you got it working well.. Enjoy and be happy
    Wish you and family a very happy new year

  6. hi Deepa,

    My name is Abhinand and I’m having a malayalam blog. first of all, thanks a lot for putting so much effor on these things to help people like me.
    I’ve a problem. When I tried to create a PDF, the malayalam font doesnt appear on the PDF, instead wierd characters are appeared. Could you please suggest me some way to solve this?

  7. Hi Abhinand,
    Welcome here,could you please upload your malayam doc at googlepages and give me th elink

    I would like to take a closer look

    PS:- I can read malayalam.

    REgards !

  8. Hi Deepa,

    I’m sorry, I’m not familiar with google pages. How would I upload my blog to the googlepages?

Leave a Reply

Your email address will not be published. Required fields are marked *