April 22, 2010 by Shirley Hardy
Comments (0)
The quest for the perfect pdf download function still eludes me. I have come across a small handful of various buttons and widgets that will achieve the same result as this tutorial below. The buttons and widgets I came across were very appealing to look at but had the disadvantages of being ever so slow in performing a simple function.
No-one in their right mind wants to spend anymore than a minute converting an entire page into a pdf file. It’s just madness to even ponder about taking anymore than 1 minute to convert a page into a pdf file. With all the technology we have now, and the amount of time people spend in front of their computers, the last thing we want to do is waste valuable time waiting for some widget or button to work.
This simple little bit of code, even though it is not appealing to look at, is the fastest gun in the west when it comes to not wasting your time. Within the amount of time it takes you to click the mouse on buttons, your page has been converted to a pdf file. I’ve tried this many times on Blogger and it works really fast, less than 20 seconds and you’re done. Once placed onto your page/profile/wherever the code just looks like a bunch of underlined words. It is not attractive but because this code is, generally, barely 3 lines long the entire pdf conversion function will not slow down your computer in any way nor will it interfere with your page loading like some widgets have a habit of doing.
There is only one tiny drawback with this simple html code and that is you need an Adobe PDF reader on your computer, but as they are free anyway it is no big deal to obtain one.
This is one of the easiest bits of html code to work with as it is simple, very easy to copy and paste, and can be edited over and over again. The pdf function works quickly, within seconds, and the pdf file will be automatically saved to your computer wherever you wish to put it. You can even add this code to every page, profile, and website you have or are a member of.
This is the html code for the “print this page as a pdf” button on my alienufosightingsvideo blog. There are only two things that you can change in this code: 1. your own URL, and 2. how you want the text to appear on your page. Here is the code for my own URL and the text “download blog page as a PDF” which I altered which I have highlighted in blue and is also in “bold” for your convenience:
<a href="http://pdfmyurl.com?url=http://www.alienufosightingsvideo.com/pg/blog/bluelights">download blog page as a pdf</a>
The url I added in blue was: www.alienufosightingsvideo.com/blog/bluelights in case you forgot what you deleted! Also you must add "pg/" between www.alienufosightingsvideo.com/ and blog/ otherwise it just won't work.
The thing to always remember when using this html code is to copy and paste the exact URL where you want the underlined text to appear. As long as you have the correct URL nothing else matters, really. The text to alter you can basically write anything instead of what I wrote. You can alter the text so it will read “PDF my blog” or “Convert my blog into a PDF”, etc. You can say anything really but no matter what you do keep it simple and keep it clear so people understand what its function will achieve.
So, how do you add this code to your profile or blog? Well, firstly highlight and copy the code with my altered URL and text in it – all the code which includes the blue text in it. I mean the second lot of code that does not have a border around it. Go to the page you want to add it to (for example, your blog page or your profile page) and on a piece of paper write down that page’s url which will be displayed in your web browser’s url address bar (top left hand corner of your computer screen, generally). Click on the edit function for that page. (If you want to add it to your profile page you would need to click on “edit profile” at the top of the page, for example.) When the edit section page appears, I mean when the next page loads up, click on the “HTML” function tab. It’s a little blue square in the top part of the edit section. After that page loads scroll down to the very bottom and on a new line right click the mouse and click on “paste”. All the code will then be pasted into that section.
Delete carefully my URL highlighted in blue and bold and replace it with your own URL which you wrote down on paper – letter for letter, symbol for symbol. Don’t add a forward slash “/” at the end of your url though. Make sure the text is not in “bold” and is black in colour. Carefully delete the text which I have highlighted in blue and in bold and replace those words with your own.
Only two more things to do now! Next, click on the “update” button then click on the “save” button at the very bottom of the edit page you were on first or if on a blog edit page click on the “publish” button at the top. Now you can check out the pdf function for yourself, or as the saying goes take it for a test drive.
I always recommend testing all new alterations and additions out that were added to a profile or blog to see if they work properly. So test yours out and see if it works. If it works for you it will work for your visitors.If you've left some code out the link will take you to this web page : http://pdfmyurl.com/?url=http://www.alienufosightingsvideo.com/blog/bluelights . If that should happen recheck all the code again that you added to see if you left "pg/" out of the code.
This is actually what it looks like, and you can test it here if you like. download this blog page as a PDF