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.

37 comments:

  1. 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. thanks for the blogger print button

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

    ReplyDelete
  4. 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. @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. @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. 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. Yes, add the class="print-no" to any element and it will not be printed or generated in the PDF.

    ReplyDelete
    Replies
    1. 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. 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. This is suprb,plz add facebook "like" button and "print" button..

    ReplyDelete
  10. 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. @Anonymous and @Tim
    Working on a neutral style, then will work on custom.

    Thanks for feedback.

    ReplyDelete
  12. @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. 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. @thomas Yes, install the plugin and from settings, choose "Manual".

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

    ReplyDelete
  15. 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. @Ritje Try adding to pages as an "HTML Snippet"

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

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

    ReplyDelete
  19. 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. 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. @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. 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. 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. 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
  25. Quite useful to know. The green doesn't really go with my site!

    ReplyDelete
  26. 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
  27. 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. Add class="print-only" to the element you want to print.

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

    ReplyDelete
    Replies
    1. 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
  29. 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. 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. 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
  30. Will be in the next release shortly.

    ReplyDelete

Leave a Comment