How to Show Custom Header Image to Blogger/Blogspot PrintFriendly

When you print or make PDF of an article, blog post or recipe, PrintFriendly takes the favicon of that webpage by default. This icon is shown before the URL of that site on top of the printed paper or PDF document. However, you can change it and use a larger image of your choice. Here's how.

For WordPress sites, see How to Show Custom Header Images

 

First, remove your existing PrintFriendly button from your Blogger

For help, see how to remove PrintFriendly button from Blogger.

Then, go to PrintFriendly Button page. After making the initial choice (e.g., button style), click the drop-down menu under the Features heading and choose "Upload an image". Clicking that will reveal two text boxes.



You have to upload the image to your blog first and then copy-paste the URL of the image into the Enter url field. You can also upload the image to anywhere on the web that gives you direct link to the image. A direct URL to the image looks like http://www.printfriendly.com/images/logo-PrintNicer.png

Once uploaded and pasted, click the Install on Blogger button to add this widget to your Blogger site.