print your blogger blogspot post

Want to add a print before the comment form in the blogger post? Here is tutorial to make it possible to blogspot blog. Follow step below : ...

Related posts:

Want to add a print before the comment form in the blogger post? Here is tutorial to make it possible to blogspot blog. Follow step below :
1. Login to http://www.blogger.com/home

2. Click Layout >> Edit HTML >> Expand widget templates >> and find</head>

3. Add code below before </head> code

<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, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95%}
</style>

4. So it will be look like this

<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, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95%}
</style>
</head>

5. Now find this code

<p><data:post.body/></p>

6. Add this line after that code

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'>Print this post</a>
</b:if>

7. Don't forget to save it.

Done. If you need a help you can comment below.