Setting for Four

  • Online Interior Design & Paint Color Services
  • Interior Design Tips
  • Paint Colors
  • Home Decor Ideas ↓
    • Seasonal ↓
      • Spring
      • Fall
      • Summer
      • Winter
    • Holidays ↓
      • New Year’s Eve
      • Valentine’s Day
      • St. Patrick’s Day
      • Easter
      • Mother’s Day
      • Father’s Day
      • Halloween
      • Thanksgiving
  • Furniture & Decor Sales
  • Shop My LIKEtoKNOW.it
  • Christmas Decor Ideas
  • Gift Guides
  • The Holiday Shop – Festive Christmas Decor
  • About ↓
    • Welcome to Setting for Four Interiors
    • Contact
    • Privacy, Disclosure & Photo Usage Policy
  • Collaborate

Blog Tutorial – How to add PrintFriendly Button to Blogger Posts

by heather 42 Comments

121 shares
  • 21

 

Would you like your readers to be able to print your blog posts, your recipes or tutorials, in an easy and simple way, without printing your ads and graphics?

Then you need to add the PrintFriendly button to your blog posts!

Add Printfriendly Button to Blogger from Setting for Four #tutorial

PrintFriendly strips out ads and other clutter as well as formats the page for optimal printing.  It also gives you the option of removing individual elements you might not want.

I just added the button two weeks ago to my blog, so now you can print out my posts easily!

You can see it here in action, below one of my posts:

Print Friendly Button in Blogger Post from Setting for Four

When you click on the button you can print my recipes, or tutorial instructions easily!

This is what you will see when you click on the green Printfriendly button:

Click on Printfriendly Button, Tutorial Step from Setting for Four

By mousing over certain sections of the screen above you can delete elements too, just click on them to delete…so I could delete the first three sentences for example and only print out the specific images and sentences I want!  Saves paper and ink!

Click on the Print button in the top left corner to get this:

Print window opens, Tutorial Step from Setting for Four

Then click print to print it out!

You can also turn your post into a PDF by clicking on the PDF button at the top:

Click on Printfriendly Button, tutorial step from Setting for Four

This window then appears and you can make the post into a pdf!

PDF portion of PRintfriendly button, tutorial step from Setting for Four

The third action you could take is to click on the Email button to email the post page to someone!  When you click on the Email button this window appears:

Email portion of Printfriendly, tutorial step from Setting for Four

How to add the Printfriendly button to your blogger posts:

1.  Go to Printfriendly.

2. Choose your Site (Blogger) then Choose your button style:

Choose your button Printfriendly, tutorial step from Setting for FOur

3.  Choose your features (I didn’t change any of these and left them as is…)

Choose your Features, Printfriendly tutorial step from Setting for Four

4.  Now get the button code click on ‘add code directly to template’ (I didn’t use the ‘Install Blogger Widget” because I wasn’t sure where the widget would place the button and I wanted to specifically add it to the end of my posts…):

 

Get code for Printfriendly button,Printfriendly tutorial step from Setting for Four

5.  Copy the button code provided (ignore the ‘Yikes!’ comment):

Copy and Paste Button Code, Printfriendly tutorial step from Setting for Four

6.  Back up your blog before proceeding!!  This is crucial!

Go to your Blogger Template and select ‘HTML’

7. Click ‘Proceed’ when the warning message appears.

8.  Put checkmark on ‘Expand Template Widgets’ box.

9.  Find this code in your template: <data:post.body/>

An easy way to find this code is to click Control ‘F’ and that will open a ‘Find’ box where you can copy and past the code <data:post.body/> and the code will be automatically highlighted and located for you!

**Be Careful: There’s two versions of <data:post.body/>. Use the first (web) not the second (mobile). **

10.  Paste the Printfriendly Button code above the <data:post.body/> if you would like the button to appear before the post body

…or

11.  Paste the Printfriendly Button code below the <data:post.body/> code if you would like the button to appear below the post body….. like I did.

12.  Click ‘Preview’…does everything look ok?

13. Click ‘Save Template’.

The PrintFriendly Button has been added!

 

GET THE FREE BEGINNER'S GUIDE TO INTERIOR DESIGN & DECORATING!

Design secrets to create spaces you'll love!
By signing up, you agree to receive Setting for Four e-mails. Please see our privacy policy for more information. Although I'd hate to see you go, you may unsubscribe at any time. Your information will never be shared or sold to a 3rd party.
121 shares
  • 21

Filed Under: Blogging, Tutorials

heatherHeather is a Designer, True Color Expert® and proud military wife at Setting For Four Interiors. Heather offers online Interior Design and Paint Color Services. See all of our design tips & tricks on the blog and follow us on Instagram for more design and decor inspiration!

Comments

  1. Inspire Me Heather says

    January 31, 2013 at 1:56 pm

    Thank you so much for posting this Heather! I thinks it’s a great added feature and it’s for Blogger – YAY!!

    Reply
    • Heather SettingforFour says

      January 31, 2013 at 3:46 pm

      Welcome and yay!! Hope it helps!!

      Reply
  2. [email protected] Line House says

    January 31, 2013 at 2:02 pm

    Well, that is just too cool! I’m going to pin this for future use!

    Reply
  3. THREE MANGO SEEDS says

    January 31, 2013 at 8:20 pm

    Cool new header! Informative post too! 🙂

    Reply
  4. [email protected] says

    January 31, 2013 at 9:13 pm

    Hey chica, can I feature this on So You Wanna Be a Blogger? great tutorial!

    Reply
    • Heather SettingforFour says

      February 2, 2013 at 3:15 pm

      Sure!

      Reply
  5. Laura Beth Gunter says

    January 31, 2013 at 11:56 pm

    So cool! I had no idea this was even possible, thanks for the tip :o)

    Reply
    • Heather SettingforFour says

      February 2, 2013 at 3:14 pm

      Welcome Laura Beth!!

      Reply
  6. Smart! School {House} says

    February 1, 2013 at 2:09 pm

    Very cool! I have to pin this! I would love to add this to Smart School House!

    Reply
    • Heather SettingforFour says

      February 2, 2013 at 2:04 pm

      THanks for pinning!!

      Reply
  7. Melanie Cheripka says

    February 2, 2013 at 1:48 pm

    it worked!! awesome tutorial, thanks!!!

    Melanie

    Reply
    • Heather SettingforFour says

      February 2, 2013 at 2:03 pm

      Fantastic Melanie!! Yay!! You are so welcome!!

      Reply
  8. Sharon @ Lilikoi Joy says

    February 11, 2013 at 6:18 am

    Heather, that is so clever! When I get some time, I’d like to play around with this. So helpful, thank you! Sharon

    Reply
    • Heather SettingforFour says

      February 24, 2013 at 3:52 pm

      Glad you enjoyed the tute Sharon!

      Reply
  9. evArt says

    February 24, 2013 at 9:24 am

    thanks so much, worked great! have a nice day!
    eva

    Reply
    • Heather SettingforFour says

      February 24, 2013 at 3:54 pm

      Glad you installed it Eva! 😀

      Reply
  10. Kristin says

    March 14, 2013 at 9:46 pm

    This was so helpful! Now I have a print button too! Thanks for sharing this tutorial!

    Reply
  11. Karissa K. says

    March 22, 2013 at 10:42 pm

    When I put this on my blog. I also have the hover over photo pin it button and it shows up over my print button. is there any way to fix this?

    Reply
    • Heather SettingforFour says

      April 18, 2013 at 3:43 pm

      Karissa: I removed my hover over photo pin it button because it was causing all kinds of problems for me…sorry I don’t know how to fix that!

      Reply
  12. Patricia Dunn says

    April 16, 2013 at 11:56 pm

    Heather,
    Thanks for your tutorial. I have been trying to add the print button and have a problem. I do not get the Proceed button when warning message appears. I have a screen that has a “save template” button already highlighted. But when I click on it, nothing happens. I backed up on the previous screen and thought maybe that was my problem. I deleted the saved template, but it still did nothing when I clicked on the save template button and I still do not get the proceed option/screen.

    Hope you can help me.
    Thanks,
    Patricia

    Reply
  13. Heather SettingforFour says

    April 18, 2013 at 3:42 pm

    Patricia: Blogger has changed the look of the template section – that’s why you don’t get the “proceed’ warning…first of all back up the template you already have (so important!!) then go to template – edit html – you’ll see your html in a window – make sure the cursor is in the html somewhere. Then proceed to the tutorial starting here:
    9. Find this code in your template:
    An easy way to find this code is to click Control ‘F’ and that will open a ‘Find’ box where you can copy and past the code and the code will be automatically highlighted and located for you!

    **Be Careful: There’s two versions of . Use the first (web) not the second (mobile). **

    10. Paste the Printfriendly Button code above the if you would like the button to appear before the post body

    …or
    11. Paste the Printfriendly Button code below the code if you would like the button to appear below the post body….. like I did.

    12. Click ‘Preview’…does everything look ok?

    13. Click ‘Save Template’.

    The PrintFriendly Button has been added!

    Hope this helps!!

    Reply
    • Patricia Dunn says

      April 19, 2013 at 12:50 am

      Thanks, for getting back to me so soon. I followed your instructions, but the code isn’t in my template.

      Any suggestions of what I need to do?

      Thanks,

      Patricia

      Reply
  14. Lynnie @ Vintage Gal Style says

    April 19, 2013 at 5:08 am

    Thank you Heather 🙂
    Your directions were pefect.

    Lynnie

    Reply
  15. Jennifer Adams says

    May 9, 2013 at 3:44 pm

    I’m with Patricia. I can get it to load on whole blog but not just on recipes or places I want. Please help. Your instructions are wonderful not sure what I am doing wrong?

    Reply
    • Heather SettingforFour says

      May 10, 2013 at 2:02 am

      Gee Jennifer – I don’t know what may be causing that…

      Reply
  16. Marcie Peterson says

    May 9, 2013 at 9:54 pm

    Thanks Heather, this is awesome.

    Reply
    • Heather SettingforFour says

      May 10, 2013 at 2:03 am

      You’re welcome Marcie! Glad you find it helpful!

      Reply
  17. Erinn Pinky says

    August 15, 2013 at 5:42 pm

    Heather excellent tutorial! Best I have found on the web!
    I CANNOT get this to work regardless if I put above the post.body or below…it just doesn’t want to show up. Do you have any advice?
    http://www.pinkspantry.com

    Reply
    • Heather SettingforFour says

      August 15, 2013 at 9:52 pm

      Hi Erinn! Did you add it under the first in your html?? There are two of those pieces of code in your template – you need to find the first one and follow the instructions….otherwise I’m sorry I don’t know what may be not working!

      Reply
  18. Aimee :) says

    September 11, 2013 at 5:55 pm

    Will backing up my blog delete all the settings?

    Reply
    • Heather SettingforFour says

      September 11, 2013 at 9:06 pm

      Hi Aimee – no it won’t delete your settings…it’s like making a copy of it and good to do on a routine basis!

      Reply
  19. Susan says

    September 24, 2013 at 4:40 pm

    Thank you for such a clear and helpful tutorial! It took me a while but I figured out what I was doing wrong. I saw that there were a few others that thought the button was not working and I thought perhaps the issue I was encountering might be the same for them. I followed the instructions on a couple of my blogs but it didn’t seem to be working completely. But then I finally had an ah-ha moment. The button (I actually used the widget tool and it worked fantastic!) doesn’t show up at the bottom of every post on a page (like the other social media icons do). It shows up when you select a single post. The button will appear at the bottom of the first post on a page but not the rest which led me to believe I was doing something wrong. If you use the widget it shows up in the blog “layout” but is only visible at the bottom of the first post on a page and then at the bottom of any post selected and brought up as a single page. Does that make sense? Thanks again!!

    Reply
  20. Shiloh Barkley says

    October 6, 2013 at 10:29 pm

    not seeing the ‘expand widget template’ button. I haven’t edited my blog in awhile and it must’ve changed…

    Reply
  21. Shiloh Barkley says

    October 6, 2013 at 10:46 pm

    got it to work but had to follow the directions on the print friendly web page because pasting it after data post body didn’t work…?!?! I posted it in line 5, right after ‘head’

    Reply
    • Heather SettingforFour says

      October 7, 2013 at 12:46 am

      Oh I’m so glad you have it working Shiloh! THanks!!

      Reply
  22. Chloe S says

    February 18, 2014 at 1:52 am

    I tried many methods and followed your tutorial through and through, but the button is still not showing up. Any more tricks? Thanks for the clear tutorial though!

    Reply
  23. quickinfo says

    March 18, 2014 at 1:13 am

    I followed your tutorial through and through, but the button is still not showing up. Any more tricks? Thanks for the clear tutorial though!

    Reply
  24. Heather SettingforFour says

    March 18, 2014 at 3:29 am

    For anyone who has gone through my tutorial and have the printfriendly button working – congrats!! For those that are encountering problems – I really wish I could help but I don’t know of a solution. I suggest you email printfriendly support to ask for their assistance.

    Reply
  25. Kuntal Ghosh says

    April 30, 2014 at 2:08 pm

    This is really a wonderful post for me. I am going to write post “how to start a blog” I will include this information. Thanks for your information.

    Reply
  26. Marty says

    May 28, 2015 at 5:39 pm

    I have tried a 1000 times and cannot get the button to show up anywhere on my blog. Please help. thanks

    Reply
    • heather says

      May 29, 2015 at 12:20 am

      Oh dear Marty!! I really wish I could help you! I really don’t know why it wouldn’t be working! Best of luck in figuring it out!

      Reply
  27. gurble says

    May 9, 2021 at 1:30 pm

    Thanks for sharing! Will try it tomorrow

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recipe Rating




Hello! I'm Heather - Designer and True Color Expert at Setting For Four Interiors!
  • Email
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

HIRE ME FOR ONLINE DESIGN!

True Color Expert®

True Colour Expert - online color design services. eDesign.

Furniture Layout Solutions!

Get your FREE Beginner’s Guide To Interior Design!

Get Your FREE Design Guide Here!

Copyright and Usage Policy

© Heather Luckhurst and Setting for Four Interiors, 2011-2023.
See my Photo Usage Policy here. All images photographed by me and all articles on this website are my copyrighted material and intellectual property. Unauthorized use and/or duplication of this material without express and written permission from this website’s author and owner is strictly prohibited. Absolutely no text or tutorials can be replicated. To request authorization for use of my copyright material, photos, media (video or audio files), tutorials, or ideas contact me via email: settingforfour (@) gmail (dot) com

© 2011-2023 · Heather Luckhurst and Setting for Four · Log in
See my Photo Usage Policy here. ALL images and tutorials on this blog are my copyrighted material and intellectual property. Unauthorized use and/or duplication of this material without express and written permission from this blog’s author and owner is strictly prohibited. Absolutely no text or tutorials can be replicated. Copying my recipes is not allowed. To request authorization for use of my copyright material, photos, media (video or audio files), tutorials, or ideas contact me via email: settingforfour (@) gmail (dot) com | Privacy Policy
GET THE FREE BEGINNER'S GUIDE TO INTERIOR DESIGN & DECORATING!

Design secrets to create spaces you'll love!
By signing up, you agree to receive Setting for Four e-mails. Please see our privacy policy for more information. Although I'd hate to see you go, you may unsubscribe at any time. Your information will never be shared or sold to a 3rd party.
GET THE FREE BEGINNER'S GUIDE TO INTERIOR DESIGN & DECORATING!

Design secrets to create spaces you'll love!
By signing up, you agree to receive Setting for Four e-mails. Please see our privacy policy for more information. Although I'd hate to see you go, you may unsubscribe at any time. Your information will never be shared or sold to a 3rd party.
121 shares
  • 21Facebook
  • Twitter
  • Pinterest