PRINT BUTTON

Add PrintFriendly to Blogger or Blogspot

February 8, 2011 by Taylor Norrish

Step 1: Get PrintFriendly Button CodeGo to our button page. Select Blogger/Blogspot. Choose your button style, and copy and paste the PrintFriendly code snippet.

Step 2: Edit Your HTML Template

  • Log into Blogger or Blogspot
  • Click Design > Edit HTML
  • Click Check Box Expand Widget Templates (don't miss!).

Step 3: Paste Button Code

  • Find <div class="post-footer"> in template code. Tip: Press "Control" plus "F" on keyboard to search for "class='post-footer".
  • Paste PrintFriendly Button Code
  • Save Template

‍Customize Your Button‍‍Align Button to Right‍To align your PrintFriendly button to the Right. Add inline CSS to the PrintFriendly code snippet.

‍Step 1: Find the two <div class='pfbutton'>, inside your PrintFriendly button code.

‍Step 2: Add style='float:right;' to the div.

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

Show Only on Post Pages (not on homepage)There's two sections to the code snippet. The "Index" section adds the button to the homepage, "Item" adds the button to the post/article page.

Change the word "Index" to "Item". Then, delete the first section.

Related Articles

add-printfriendly-to-google-reader

Print Button

Add PrintFriendly to Google Reader

Tired of cluttered Google Reader articles? Seamlessly add PrintFriendly to "Send To" for instant, clean prints—saving time and paper on your favorite reads.

how-to-put-the-printfriendly-button-on-top-of-wordpress-posts

Print Button

How to Put the PrintFriendly Button On Top of WordPress Posts

Easily reposition your PrintFriendly button to the top, right, or center of WordPress posts with simple tweaks—no coding hassle needed. Unlock cleaner, user-friendly pages that boost reader engagement instantly!

use-your-own-button-graphic-with-printfriendly

Print Button

Use Your Own Button/Graphic With PrintFriendly

Easily swap the PrintFriendly button for your own custom graphic in just one quick tweak to the code snippet—perfect for Blogspot, websites, or WordPress. Make your site look uniquely yours without hassle!

print-friendly-pdf-for-wordpress-com

Print Button

PrintFriendly & PDF for WordPress.com

Make your WordPress.com site print-ready and eco-friendly with the free PrintFriendly button—optimize pages, ditch images, tweak text, and save as PDF effortlessly. Add it in minutes for pro prints that wow and save paper!

add-printfriendly-button-to-blogger-or-blogspot-using-the-new-user-interface

Print Button

Add PrintFriendly Button to Blogger or Blogspot Using the New User Interface

Easily add a PrintFriendly button to your Blogger site in just four simple steps—or use the built-in widget for even less hassle—and give readers a seamless way to print or save your posts perfectly.

add-printfriendly-button-using-bloggers-built-in-add-widget-tool

Print Button

Add the PrintFriendly Button Using Blogger's Built-in Add Widget Tool

Easily add a PrintFriendly button to your Blogger posts with one-click widget install, letting readers print or save clutter-free PDFs in seconds. Boost user experience without the hassle!

printfriendly-speaks-your-language

Print Button

PrintFriendly Speaks Your Language

Discover how PrintFriendly's toolbar magically switches to your browser's language—from Arabic to Turkish—now supporting 30 languages for seamless printing worldwide. Make your site instantly accessible to global users!

how-image-alignment-works-with-printfriendly

Print Button

How Image Alignment Works with PrintFriendly

Publishers, unlock better readability for your PrintFriendly PDFs with our new image alignment feature—choose right-aligned flow for most content or custom options for tricky step-by-step guides!

printfriendly-pdf-pro

Print Button

PrintFriendly & PDF Pro

Unlock ad-free, white-label PDF printing for your entire site for just $3.33/month—less than a fancy coffee—and delight readers with seamless, ink-saving experiences that boost engagement.