PRINT BUTTON
How to Put the PrintFriendly Button On Top of WordPress Posts
June 17, 2010 by Taylor Norrish
UPDATE: This feature is now built into the WordPress Plugin. Simply install the PrintFriendly & PDF plugin, activate, and click settings. You'll see a option to position the button on the Left, Right, Top, Bottom of your posts.
Lots of people ask me how to they can move the Print Friendly button from the bottom of their WordPress page, to the top. Or, they want to align it to the right or center.
The default location for the PrintFriendly button is at the bottom of the post, aligned to the left. However, if you'd like to change the location, here's some simple steps. If you need additional help, email me at "support [at] printfriendly.com".
To get started, you'll need to get the PrintFriendly Button Plugin for WordPress.
Step 1: Which Button Are You Using?The first step is simple. Simply identify the button you are using.
pf-button
pf-button-both
pf-icon-small
pf-button-big
pf-icon.gif
Step 2: Modify "pf.php" fileWhen you download and expand printfriendly.zip file, open the file named "pf.php". Starting on line 27, you will see several statements starting with the word "case ".
Find the case for the button you are using. For example, if you are using "pf-button-both", you'll want to find and modify the case "pf-button-both.gif":
Within the "case" statement for your button, you'll find "div id=pfbutton". To change the alignment of the PF button, add some styles to this div.
Align Right or Left: Add "style="float:right;" OR "style="float:left;"
Align center: Add "style="text-align: center;"
Put the Print Friendly Button on the Top of Your PostWithin the "case" statement for your button, you'll find a "return $content". Move $content to the end of the statement. For Example, Change this:
To This:
Careful: When you change $content make sure you put the period "." at the front, ".$content;"
Related Articles
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.
Print Button
Add PrintFriendly to Blogger or Blogspot
Easily add a sleek PrintFriendly button to your Blogger posts in minutes—let readers print or PDF your content effortlessly, boosting engagement and shares.
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 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!
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.
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!
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!
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!
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.