Tuesday, 15 March 2011

Print

How to Create a Print-Friendly Button at the Top Right Hand Corner of Your Post in Blogspot?

I have wanted to have a print-friendly version button in my blog, and I am so happy to have found an easy way to do so from this cool website called http://www.printfriendly.com/. However, I wanted my button to be on the top right hand corner of each of my posts. Thus, I have made a slight variation to the instructions provided below for those who prefer to have their print button on the top right hand corner of each of their blog posts instead. The original instructions are here.



Step 1: Copy the PrintFriendly Version Button Code from the link below


https://docs.google.com/document/d/10Ejn3YWTnNqK3Fh6lhOmufZfA0LVpFTFdMqO0rBobTQ/edit?hl=en#

Step 2: Edit Your HTML Template in Your Blog


· Log onto your Blogspot

· In the top menu, select the "Design" tab

· Then select "Edit HTML"

· Tick the "Expand Widget Templates" checkbox to view your full HTML template code*

* Very important: Before Editing, save a copy of your HTML template code first. In case anything goes wrong, you can revert back to the original code.

Step 3: Paste the Print-Friendly Button Code



· Find inside the template code div class='post hentry'

( Tip: To find this code, press "Control" plus "F" on keyboard to search for div class='post hentry')

· Paste the print-Friendly button code the line after div class='post hentry'

· Save template

Step 4: View Blog

· You should be able to see the print-friendly icon on the top right hand corner of each of your posts :-)

References:
http://blog.printfriendly.com/

No comments:

Post a Comment

Note: only a member of this blog may post a comment.

Related Posts Plugin for WordPress, Blogger...

My Favourite Books

Montessori Materials