Add “Save as PDF” button in Blogger blog

Dec 27, 2008|Blogging | 3 Comments »

If you are a blogger or a wannabe, you always try to make your blog as accessible as possible. You provide E-mail link for article, share features and many. But what if you want to let your readers download a post so that they can read the article on their leisure time?

Yes, this is possible. You can allow your readers to download a PDF version of your post by a service called Web2PDF online. All you have to do is to create a button on your website or blog and it will convert your webpage into a PDF document. Here’s a procedure of how you can add a “Save as PDF” button in your Blogger powered blog.

First of all, Sign up at Web2PDF. It’s free. Upon signing in, you can configure how your PDF should be displayed. Once you are content with the configuration, click ‘Generate the JavaScript’ button there. A JavaScript code to embed will be generated.

Now, login to your Blogger account.
Go to Layour–>Edit HTML. We need to edit the Blogger template. So, it’s better to back your template up by clicking Download Full Template link in case you end up being everything messed up.
Click Expand Widget Template check box at the top right corner of your template code area.
Find following line in your template code: <p><data:post.body/></p>
Immediately after that line, paste the code given below.

<b:if cond=’data:blog.pageType == "item"’>
<div id=’Save-PDF’>
<!– START: PDF Online Script –>
<script type=’text/javascript’>
var authorId = "Replace with your AuthorID";
var pageOrientation = "1";
var topMargin = "0.5";
var bottomMargin = "0.5";
var leftMargin = "0.5";
var rightMargin = "0.5";
</script>
<script src=’http://web2.pdfonline.com/pdfonline/pdfonline.js’ type=’text/javascript’>
</script>
<!– END: PDF Online Script –>
</div></b:if>

Replace AuthorID and other margin parameters according to the generated JavaScript of Web2PDF.
Now, preview your blog. If everything went perfectly, you should be able to see the button below every post.
If the preview is successful, Save the template and enjoy the new feature. However if something goes wrong, you have your backed up template. Upload it and try again if you are missing something.

Or Subscribe via Reader

3 Comments as of now »

Michael Aulia said,

January 5, 2009 @ 4:16 am

Selfishly speaking, I was reluctant to put the Save as PDF on my posts. I mean, it’ll certainly be useful to my readers (and they can share my post easier) but if you let them give your blog’s URL instead, then you might gain more visitors + readers
Nihar said,

February 8, 2009 @ 6:36 pm

I agree with Micheal. If you give the URL. we get more visitors.
Bang Del said,

September 30, 2009 @ 11:45 am

Thank you. BUt I don’t like the button size. Is there any way to resize the button become smaller or with other icon maybe..