Print Blogger Post Only aka Printer friendly  

Posted by tmwwtw in

Select Layout > Edit HTML > Edit Template

Copy below code before </head>

<style media='print' type='text/css'>
#navbar-iframe {display:none ; height:0px;visibility:hidden;}
.noprint {display: none;}
body {background:fff; color:000;}
a {text-decoration: underline; color:00f;}

Put <span class='noprint'>... </span> code where you don't want to print, e.g sidebar

<span class='noprint'>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Label' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>


or in the blog post content

Select Posting > Edit Posts

<span class='noprint'>

Content that you don't want to print


Put below code in your post content (print link)

<span class='noprint'>
<div align="right"><a href="javascript:window.print()">Print</a></div>

This entry was posted on Sunday, July 13, 2008 at Sunday, July 13, 2008 and is filed under . You can follow any responses to this entry through the comments feed .


Post a Comment