Saturday, March 3, 2018

Printer friendly blogger posts

In a different blog, I had the need to print individual posts without all of the extra content (navigation, header, sidebar, comments, etc.). I found this post and adapted it as follows:


<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint, .fauxcolumn-right-outer, .column-right-outer, .comments, #comments, .post-footer, .feed-links, .foot {display: none;}
#main-wrapper {width: 95%}
  .column-center-outer { width: 940px !important }
  /*.post-body {font-size:125% !important}*/
</style>

With the current version of Blogger, you need to edit your Theme and put this in the HTML <head> section.

No comments:

Post a Comment