Thursday, March 17, 2011

Use Your Own Button/Graphic With PrintFriendly

Want to use your own button/graphic for the PrintFriendly button? No problem. All you need to do is change the image source in the PrintFriendly code snippet.

First step is get your Print Friendly button. Select your platform and copy the code snippet.

For Blogspot and Blogger

In the PrintFriendly code snippet, there's two images (one for list page, the other for post pages). Find the image tags and change the src to the URL of the graphic/button you would like to use.




For Websites

Your Find the image tag  and then change the src to the URL of the graphic/button you would like to use.




For WordPress

Custom image option is baked into the plugin. Download the PrintFriendly Plugin and activate.  Then goto your plugins page and select the settings. There you can select custom image and enter the URL.

Posted by Taylor Norrish at 1:50 AM
Labels:

42 comments:

  1. TimMay 18, 2011 at 7:29 AM

    Love it! The only thing that bothers me a bit is that the css for the popup is external and I therefor can't match it with the site's styling. Any chance you have a workaround for this? Would appreciate it a lot!

    Thanks again for the plugin!
    Tim

    ReplyDelete
  2. Kristy ProwseMay 18, 2011 at 9:48 PM

    thanks for the blogger print button

    ReplyDelete
  3. Taylor NorrishMay 19, 2011 at 6:33 PM

    @Tim Not at the moment. But, we are working on it.

    ReplyDelete
  4. RichardMay 24, 2011 at 8:56 AM

    Guys, this is tha bomb! What suprises me, however is the lack of a Joomla plugin!

    Any chance of you guys getting one out soon??

    Oh, and I do agree with Tim, it would be cool if we could style the popup like our website(s).

    Greetz,
    Richard

    ReplyDelete
  5. TaylorMay 24, 2011 at 3:00 PM

    @Richard We'll build a Joomla plugin. Need a couple of weeks to get ahead of projects. Good news is, just hired a new developer so we'll be able to do more.

    ReplyDelete
    Replies
    1. Rob van LindaApril 29, 2013 at 2:21 AM

      @Taylor

      In 2011 you promised to buid a plugin for Joomla. Now in 2013 I still can't find it?

      Not interested to provide Joomla developers and users with this awesome featrue?

      Pitty...

      Best regards,

      Rob van Linda

      Delete
  6. AnonymousJune 6, 2011 at 12:39 PM

    Is there a way to have it print only certain div's on a page. I already know that they don't need rest of page why make the user have to delete 20 things before they print..

    ReplyDelete
  7. Taylor NorrishJune 10, 2011 at 6:45 PM

    Yes, add the class="print-no" to any element and it will not be printed or generated in the PDF.

    ReplyDelete
    Replies
    1. Michael TunnellJune 7, 2012 at 2:21 PM

      is it possible to do print-yes for sections that are not being used? Some are being ignored and we want them to be used.

      Delete
  8. CraigJune 11, 2011 at 4:56 PM

    Can you tell me why it doesn't produce my whole page? This is the link..
    http://inmobis.es/pages/Luxury_Apartment_in_La_Cala_Hills

    ReplyDelete
  9. AnonymousJune 24, 2011 at 2:57 AM

    This is suprb,plz add facebook "like" button and "print" button..

    ReplyDelete
  10. AnonymousJune 24, 2011 at 3:20 AM

    Hi. I am using the Printfriendly.com module for Drupal. It works like a charm. Now it is really easy to add printer-friendly or PDF functionality to your Drupal-based Website.

    Like Tim already said, there is only one drop of bitterness, the fixed external style. The green does not match with my blue-color-based website.
    For me, it would be a nice and sufficient feature, if there would be an option to set the color of the tool-box in the opening-iframe. With that, at least the coloring could be set to a match the main coloring scheme of the website.

    Best regards,
    Sven

    ReplyDelete
  11. Taylor NorrishJune 29, 2011 at 5:00 PM

    @Anonymous and @Tim
    Working on a neutral style, then will work on custom.

    Thanks for feedback.

    ReplyDelete
  12. Taylor NorrishJune 29, 2011 at 5:01 PM

    @Craig I took a look at the page, http://inmobis.es/pages/Luxury_Apartment_in_La_Cala_Hills

    Seems fine, what's not appearing?

    ReplyDelete
  13. thomasJuly 6, 2011 at 5:28 AM

    Hello,

    is there a shortcode to implement the print button on a WordPpress (self hosted) site directly in the post editor where i want it?
    Greetings,
    thomas

    ReplyDelete
  14. Taylor NorrishJuly 6, 2011 at 1:27 PM

    @thomas Yes, install the plugin and from settings, choose "Manual".

    http://wordpress.org/extend/plugins/printfriendly/

    ReplyDelete
  15. RitjeJuly 20, 2011 at 12:50 AM

    Hi, can this be used in IWeb made webs on a Mac, it is easy the formats they use to create nice web's but I don't see the http:// and all the stuff behind it. The web I made is not using the Mobil.me from Apple but is placed through a server.
    So were can I implement the copy and paste code you advice on your web?
    the web : http://www.world-msa-day.org/
    thanks for any feedback and have a great day!
    Ritje

    ReplyDelete
  16. Taylor NorrishJuly 20, 2011 at 2:07 PM

    @Ritje Try adding to pages as an "HTML Snippet"

    ReplyDelete
  17. AnonymousJuly 26, 2011 at 8:37 AM

    You guys are awesome! I absolutely love this tool! Thank you so much!

    ReplyDelete
  18. AnonymousSeptember 11, 2011 at 11:03 AM

    I cant change the image on my Toolbar! How can i do it?

    ReplyDelete
  19. Clara G.October 26, 2011 at 7:42 PM

    Absolutely love it. A million thanks for this.

    For the next version please add the choice to not generate images to the print-friendly version. I know that readers can opt out, but mine always seem to miss things.

    And if Christmas comes early, perhaps translations to other languages.

    ReplyDelete
  20. susanne uthuusNovember 2, 2011 at 7:45 AM

    Is it possible to translate the english to my language? Is it a way to do that? And to put the logo on the print?

    ReplyDelete
  21. Taylor NorrishNovember 2, 2011 at 9:01 PM

    @susanne uthuus

    Yes, you can use any button style/text you'd like.

    At the bottom of this page are photoshop and graphic assets. http://support.printfriendly.com/customer/portal/articles/206452-custom-button-images-and-text

    ReplyDelete
  22. susanne uthuusNovember 7, 2011 at 12:28 AM

    Yes, thats nice ;-) Is it also possible to translate the box that pops up when you click the icon? I will like to have this box in norwegian, is the source code available?

    ReplyDelete
  23. susanne uthuusNovember 7, 2011 at 2:45 AM

    When i use the printfuction does it jump over h1 and h2. It does not show in the page that prints. Is it possible to do something with that? Everything else on the page shows the way it is?

    Susanne

    ReplyDelete
  24. RichardDecember 7, 2011 at 7:24 PM

    I'd love a Joomla plugin

    ReplyDelete
  25. WoollyJanuary 21, 2012 at 3:22 AM

    I'm on Squarespace, and am loving the option of custom buttons for the plug-in. Custom style would be a huge plus too.

    One other pony - is it possible to customise the script to remove the 'email page' option? One problem I have at the moment is folks emailing my PDFs to their friends, or directly linking to them, which eats my bandwidth & deprives my website of the traffic.. (and let's not mention the 'C' word) If that's possible in a premium version I'd be more than happy to pay.

    Thanks for a great feature!

    ReplyDelete
  26. Niall MadhooJanuary 30, 2012 at 4:21 PM

    Quite useful to know. The green doesn't really go with my site!

    ReplyDelete
  27. AnonymousFebruary 8, 2012 at 10:57 AM

    Este é um site http://www.printfriendly.com/button, em que você poderá imprimir suas páginas em PDF Escolhendo tipo de boton. Copie o código em seu blogue ou site. Eu recomendo!

    ReplyDelete
  28. José CerezoFebruary 10, 2012 at 8:55 AM

    Si coloco el código HTML en mi web, imprime toda la página y no la noticia o post que quiero. ¿cómo puedo hacer para sólo imprima un determinado post y no toda la página?
    Gracias

    If I put the code into my web, print the whole page and not the news or post I want. How I can do to print only a specific post and not the entire page?

    ReplyDelete
    Replies
    1. Taylor NorrishDecember 6, 2012 at 9:25 PM

      Add class="print-only" to the element you want to print.

      Delete
  29. UnknownJune 3, 2012 at 9:37 AM

    Love it. Is this still in development? Are there still plans for a Joomla plugin?

    ReplyDelete
    Replies
    1. AnonymousJune 11, 2012 at 2:44 AM

      Thanks Michael! The Print Friendly is not still in development but we're continuing to make it better. A new version is on the way so some pages may have trouble printing via PrintFriendly. As of now we do not have any plan for Joomla extension, but thanks for your input. We will think about it.

      Delete
  30. AnonymousMarch 23, 2017 at 9:05 AM

    Would like to use it on a Drupal site, but cant find a way to place icon in upper right corner of content, only in the bottom of the content. Is there a possibility to place at the top in the module, or a tips to move it with css?

    ReplyDelete
    Replies
    1. PrintFriendly SupportMarch 27, 2017 at 3:53 AM

      It's not an option in the PrintFriendly & PDF Drupal Module settings?

      If not we'll add it. Meantime you can also include our HTML button code directly in your template.

      Get HTML button code here: https://www.printfriendly.com/button

      Delete
    2. AllanMarch 30, 2017 at 11:52 PM

      No, unfortunately that is not an option in the Drupal module. It would be nice, to have an option like in the Drupal print module (https://www.drupal.org/project/print) that has a placement option 'upper content corner' that places the icon in upper right corner of the content frame, where it is more easyly spotted by visitors. However the PrintFriendly & PDF Drupal Module, have a very cool option to select the content types that get the print icon. And the popover apperance, of Printfriendly is nicer too.

      Delete
  31. Taylor NorrishApril 5, 2017 at 1:13 AM

    Will be in the next release shortly.

    ReplyDelete
  32. toyota vios 2018March 22, 2018 at 10:06 PM

    Hi PrintFriendly, I recently add Custom CSS Styles from PrintFriendly to my wordpress but it is not working. Could u please help me?

    ReplyDelete
    Replies
    1. PrintFriendly SupportMarch 22, 2018 at 11:22 PM

      Please email a specific URL for us to troubleshoot. email to support@printfri....com

      Delete
  33. ACBApril 4, 2020 at 10:14 PM

    Very helpful article, I have successfully applied to my blog. Toithichvina blog

    ReplyDelete
  34. QueenMay 25, 2020 at 3:33 AM

    After a while searching for a way to add Printfriendly button on my wordpress website, now I know! Thank you so much for this useful article!

    gia xe toyota innova

    ReplyDelete
  35. MInh NgocJune 17, 2020 at 2:39 AM

    This comment has been removed by a blog administrator.

    ReplyDelete

Leave a Comment

Subscribe to: Post Comments (Atom)