Subscribe:

Ads 468x60px

Showing posts with label Print button Blogger. Show all posts
Showing posts with label Print button Blogger. Show all posts

Tuesday, September 11, 2012

Get Print Buttons and Download as PDF in blog/website


Hi, Here I found a very useful/clean way of getting the Print Button in your website/Blog/WordPress which will give you options
1. Print the page cleanily (without Advertisment, side bars, and other unrequired stuffs)
2. Give you option to download the content of webpage as PDF with what you want to select and delete before downloading.
3. Change the formating of the text to be downloaded/Printed as PDF or in paper.

So, here I am using the APIs from "Print Friendly" which works on concept of saving environment and your pocket :)

For Websites

Paste the below given code to the place where you want to see your Print PDF button in website, like you see down this page.

<script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" style=" color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button-both.gif" alt="Print Friendly and PDF"/></a>




For Blogger/Blogspot

Step.1) Open your Page Template in Edit HTML mode
Step.2) Click on option "Expand Widget Templates."
Step.3)Paste the code below into Template, after the 
<div class='post-footer'>
 tag
Save Template.
<!--- http://usefultechtalk.blogspot.com Print Friendly Starts-->
<b:if cond='data:blog.pageType == "index"'><a expr:href='data:post.url + "?pfstyle=wp"' style="margin-right:1em; color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button-big.gif" alt="Print Friendly and PDF"/></a><b:else/><b:if cond='data:blog.pageType == "archive"'><a expr:href='data:post.url + "?pfstyle=wp"' style=" margin-right:1em; color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button-big.gif" alt="Print Friendly and PDF"/></a><b:else/><script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" style=" color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button-big.gif" alt="Print Friendly and PDF"/></a></b:if></b:if>

<!--http://usefultechtalk.blogspot.com Print Friendly Ends-->










[Please like/share/comment if you find it useful !]