In this post i have an Exciting New, Extremely Easy and Professional way for you to make your blog posts available to print and download in PDF (Portable Document Format).We will add from a choice of neat buttons to your posts that readers can click to view a Print And PDF friendly version of your blog.
What Is Print and PDF friendly ?
If you were to try to print this page you would not only get the post but also the Ads, Gadgets and other stuff you don’t want in the sidebar and footer.This could take lost of pages and waste ink printing stuff you don’t need.A print and PDF friendly optimized version will exclude the parts you don’t want and you can remove other content you don’t want printed or in your PDF.
Edit Pages Before Print
While most of the unwanted content will be removed automatically when the reader clicks to Print or PDF the page readers can also remove other sections with a click of their mouse.By simply hovering over a section it is highlighted and can be removed, a check box gives the option to remove all images from the print page.You can see more options in the video at the bottom of the post.
Add A Print And PDF Button To Your Blog
This service is provided free from PrintFriendly.Com.All you need to do is pick a button you like, grab the code and add it to your blog.Print friendly have detailed instructions for Blogger Blogs and WordPress Blogs on this page – Install Instructions.I have extra options to add the button to the top of your posts after the video.
Video Tutorial
This Video Actually Focuses On The Option To Get A Print Version Of A Page By Entering The URL.However You Will See The Option Available On The Actual Print PDF Page.
Add The Print Friendly Button To The Top Of Blogger Posts
The tutorial on Print Friendly shows you how to add the button to the bottom of your posts, however you may like to have the button at the top of your posts.
Step 1. In Your Blogger Dashboard Click Design > Edit Html > Tick The Expand Widget Templates Box.
Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code – More Info)
<data:post.body/>
Step 3. Paste the code for your Print and PDF button Directly Above/ Before <data:post.body/>
Float The Button To The Right And Left Of the Post
To align your Print Friendly button to the Right. Add inline CSS to the PrintFriendly code snippet.
A: Find the two <div class=’pfbutton’>, inside your Print Friendly button code.
B: Add style=’float:right;’ to the div tag as shown below.
That’s it a very cool and easy way to let reader Print or view your posts in PDF.Make sure to Check out more of our Blog Gadgets.
Drop Your Comments And Questions Below.
