Tuesday, June 24, 2008

Print This Post

Just added a style sheet code to the blog template, to make the posts printer-friendly. Basically, without the header and the sidebar and all that. Seems to be working fine, for now.

Readers of this blog (if any) who bother to try it out, and are using Internet Explorer - MIGHT NOT SEE the 'PRINT THIS POST' button - well basically IE is perhaps taking most of the stuff from it's cache and till that is cleared up (by the user or by IE on it's own) you might not be able to see the 'PRINT THIS POST' Button.

Anyways, I got the code from here. Needs to be added just before closing the head tag (</head>). Had to make a small change in the style sheet (the change is: .widget-content):

"

<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .widget-content, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95%}
</style>

With the above added to your template, the Print Preview should show you the page without the widgets, sidebars, headers etc. Seems to be working fine. Of course, the 'PRINT THIS' Button appears only on individual post pages.

Just thought of sharing the info, in case someone may find it useful for their own blog. I am sure most of the bloggers know how to go about it, and perhaps even have better ways to accomplish the same. I just found out how to do it and there might be some others too, like myself, who aren't as tech savvy.

3 Opinions:

Unknown said...

neat !

L o r d R a j said...

Ahaa!

So there is at least one person (other than me) who didn't know about this. :)

SBA said...

Glad it worked for you! My template had lots of customization so I did some research and published an article recently. Take a look and give me some feedback! It's very long LOL.
"How to Create a Print This Post Button on Blogger"

Archives