Tuesday, May 4, 2010

Add a Print Friendly Button to Blogger

Attention Blogspot bloggers I have found a really easy way to allow visitors to my Blogger blogs to print out my articles. Today I am going to share with you this very easy trick. It only takes a few minutes to install a printer friendly button at the foot of your Blogger posts and you will be adding a lot of functionality to your blog.

Advantages of Adding a PrintFriendly Button

  • Creates an attractive print friendly version of your blog article that is print optimized
  • Removes unwanted content such as Google ads
  • Provides flexibility to remove unwanted text and only print out what is important to the reader
  • All images can be removed leaving only the text thus saving paper and ink
  • Minimizes the risk of readers copying and pasting your material because they don't know how to print out

The PrintFriendly button is a very handy gadget. When a visitor clicks on the button it will take them to an article preview screen and offers some printing and sharing options. There is the option to print out the article directly with or without images. Alternatively the article can be downloaded as a PDF file or a link to the article emailed. PrintFriendly even lets you share the article via a Twitter Tweet button.

How To Add a Print Friendly Button to your Blogger blog
  1. Log into Blogger and select the blog you want to add the printer friendly button to.
  2. From the Blogger dashboard go to Layout > Edit HTML
  3. Tick the Expand Widget Templates checkbox.
  4. Using CTRL + F find the following code:
    <div class='post-footer'>

  5. Open a new browser window go to the PrintFriendly website
  6. At Step 1 go ahead and select the radio button for Blogger to choose your site type
  7. At Step 2 select the radio button for the print friendly button that you wish to use on your Blogger blog


  8. Copy the code snippet for your chosen button
  9. Then go back to your open Blogger window and find the code you identified in Step 4 of these instructions.
  10. Paste the code directly after the <div class='post-footer'> tag
  11. Save your template
  12. Click View Blog to see your PrintFriendly button beneath each post.

Summary
Today I introduced you to the PrintFriendly button - a button that print optimizes your Blogger posts. I discussed some of the main advantages of adding the printer friendly button to Blogger and I provided you with comprehensive instructions to add the button to your Blogger template.



Related Links
Making Money From Banners with Blogger
How to Get More Adsense Clicks with Blogger
Blogger Guide to Google Adsense Placement
Easy Ways to Put Banners on Blogger


Subscribe to Blogspot Blogger Guide Full RSS Feed

Subscribe to Blogspot Blogger Guide by Email

Print this post

Add To Google BookmarksStumble ThisFav This With TechnoratiAdd To Del.icio.usDigg ThisAdd To Reddit

Bookmark and Share

11 comments:

  1. Thank you very much for this Post. I found it very helpful and have now managed to set up a print option on my blog.

    ReplyDelete
  2. Thank you very much. This is the only tutorial that worked to me. Best.

    ReplyDelete
  3. Glad to hear this is working for you.

    ReplyDelete
  4. This tutorial worked to put a print friendly button on my recipe blog...but it only shows one recipe, no matter which one you click on. What am I doing wrong?

    ReplyDelete
  5. The button is designed so that it only prints one post. Are you trying to print more than one post?

    ReplyDelete
  6. You can see mine live under each post here: http://nibblish.blogspot.com/
    It works really well!

    ReplyDelete
  7. I am going to cry. It's beautiful!!! I know absolutely nothing about coding and never mess with my html - but this was such a clear and well written tutorial, that I was able to install this button flawlessly. THANK YOU!!!! :) :)

    ReplyDelete
  8. Wow! I've been looking for an EASY way to add a print option for my reading and cooking blog and this was extremely easy! Love it! Thanks so much!
    www.thebakingbookworm.blogspot.com

    ReplyDelete
  9. Thanks so much indeed very helpful

    ReplyDelete
  10. Thank you so much! this was easy to follow. Am using it right now on my blog.

    ReplyDelete