Print Friendly Button Placement On WordPress

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 Print 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-icon-both
text-only
pf-button-big
pf-icon.gif

Step 2: Modify "pf.php" file

When 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":


Align Print Friendly to the Right or Center

Within the "case" statment 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: Add "style="float:right;"


Align center: Add "style="text-align: center;"


Put the Print Friendly Button on the Top of Your Post

Within 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;"

If you have any questions, feedback, or need some help, email me at support [at] printfriendly.com.

Add Print Friendly to Google Reader

Do you use Google Reader? Now you can add Print Friendly to print the articles you want without all the clutter.

Google Reader launched the feature "Send To" which allows you to send any post to PrintFriendly. Thanks to Zsolt for bringing this to our attention, and preparing the links! You can add more than Print Friendly to Google Reader, you can also add Delicious, Evernote, ShareThis among others. For a great list of services to add, check out this article on LifeHacker.

Here's a visual How To Guide to add Print Friendly to Google Reader.

Step 1: Select Settings in Google Reader






Step 2: Click the "Send To" Tab, Then "Create a Custom Link"

Step 3: Create a Custom Link for PrintFriendly
Add the following information to the fields.
Name: PrintFriendly
URL: http://www.printfriendly.com/print?url=${url}
Icon URL: http://cdn.printfriendly.com/pf-icon.gif

Step 4: Enjoy!
On every article within Google Reader you'll see a "Send To" link with Print Friendly and any other custom links you've added.







If you have any questions or feedback, contact us PrintFriendly.com.