Make Blog Pages Printer Friendly

Normally when you print you blog pages using a printer you will find an awful print. The printer may show un revalent printings.

Thinking it as the mistake of printer is a wrong idea as it has nothing to do with that awful print. The un-necessary stuffs such as ads where appearing and the necessary stuffs were disappeared.

But this problem is not solved, as today we shall be making our blog pages (posts/static pages) printer friendly. We can remove those un-necessary stuffs easily. So, to do it follow below steps;

Adding CSS Code;

We will need to add CSS code to our blog to make it printer friendly. Follow below steps;

• Go to blogger dashboard>Template>Edit Html.
• Find <b:include data='blog' name='all-head-content'/> in your template code.
• Then add the below code just after it;

<style media='print' type='text/css'> #header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #lower-wrapper, #footer-wrapper, #footer, #credit, .comment-form, .post-footer, #blog-pager, .post-feeds, #backlinks-container, #navbar-section, footer {display: none;} #content-wrapper, #main-wrapper, #main { width: auto !important; overflow: visible !important; float: none !important; color: black; font-size: 12pt; background: white; border: none; } #main a { text-decoration: underline; color: blue; } </style> 

• I have only added some sections to be excluded. If you want to exclude more sections, if you have any then add them just after "footer" in line 4.
• Click on save template.

Adding Print Button;

Your blog is already printer friendly. But what if you need to add a print button on your page. If so follow below;

• Copy the below code;

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href="javascript:window.print()"><img border="0" style="margin-right:5px" src="YourImageUrl"/>Print this article</a>
</b:if>

• In the above code replace "YourImageUrl" with the direct link to your print icon which would appear as a print button
• After you copied above code paste it where ever you wish, the print button to appear.

I hope this trick worked for you.

Bye Pals!

Author : Anonymous

Share this

Related Posts