Tuesday, August 23, 2011

Fix Internet Explorer Problems

Having trouble using Print Friendly & PDF in Internet Explorer? This guide will solve your problems.
    Step 1: Update Internet Explorer
    This usually solves problems with IE. Download the latest version of Internet Explorer. After download is complete click "Run" to install.

    Check to see if Print Friendly & PDF is now working. If not, continue to disable add-ons.

    Step 2: Disable Bad Add-Ons
    Internet Explorer might have Add-Ons you didn't install, or even want. Many Add-Ons slow down or even break your browser experience. Commonly called "Junkware", companies install Add-ons for malicious, marketing, and occasionally helpful reasons.

    Step 1: Left-click Internet Explorer Settings Menu, then Internet Options.

    Step 2: Left-Click the tab Programs, then Manage add-ons.

    Step 3: Left-Click the tab Programs, then Manage add-ons.

    Left-click to select an add-on, then the button Disable. Remove any/all add-ons you are not actively using (Disable adware/spyware add-ons. They are not required for safe browsing and are most often the add-ons breaking the browsing experience).

    Wednesday, April 13, 2011

    Print Friendly & PDF for WordPress.com

    Now you can add the one-and-only Print Friendly & PDF button to your WordPress.com website!

    PrintFriendly makes your website look great when printed, and saves paper and ink. It cleans and optimizes webpages before printing, plus you can remove-images, change text-size, and save as PDF. It's free, and easy to add to WordPress.com. Learn more about Print Friendly & PDF.

    These instructions are for WordPress.com, not to be confused with WordPress.org. If you're using WordPress.org for self-hosted and hosted WordPress sites, you can get the PrintFriendly Plugin for WordPress.org.

    Step 1: Go to Sharing Settings

    From Your Dashboard, click "Settings", then click "Sharing".

    Step 2: Add a New Service

    From the Sharing Settings, click "Add a new Service".

    In the Popup Window, enter...

    • Service name: Print & PDF (Or your preferred name)
    • Sharing URL: http://www.printfriendly.com/print?url=%post_full_url% 
    • Icon URL: http://cdn.printfriendly.com/icon-print-friendly-16x16.png
    • Click "Create Share"

    Step 3: Drag-and-Drop Print Friendly Button to "Enabled Services"

    Left-Click (and hold) the new Print & PDF button. Drag to "Enabled Services", and release the mouse button. Don't forget to save!

    That's it! You should see the Print & PDF button on the bottom of every post.

    Thursday, March 17, 2011

    Use Your Own Button/Graphic With PrintFriendly

    Want to use your own button/graphic for the PrintFriendly button? No problem. All you need to do is change the image source in the PrintFriendly code snippet.

    First step is get your Print Friendly button. Select your platform and copy the code snippet.

    For Blogspot and Blogger

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

    For Websites

    Your Find the image tag  and then change the src to the URL of the graphic/button you would like to use.

    For WordPress

    Custom image option is baked into the plugin. Download the PrintFriendly Plugin and activate.  Then goto your plugins page and select the settings. There you can select custom image and enter the URL.

    Thursday, February 10, 2011

    Add Print Friendly to Blogger or Blogspot

    For those unfamiliar with advanced coding stuff, please check out the easier and faster method of adding PrintFriendly to Blogger here.

    Step 1: Get PrintFriendly Button Code

    Goto PrintFriendly.com/button. 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.