Monday, October 20, 2008

Adding "Print This Page" Option For Your Blog

Here is a hack to enable your blog visitors to be able to print your blog, HP has provided a hack. This is what you need to do. As usual, BACKUP your template before you make any changes to the template.

In your template, paste this script just below the <head> tag: (actually, it can be anywhere between the <head> and </head> tags, but pasting it immediately after the <head> tag is the easiest and the easiest to explain):


<style type="text/css" media="print">
#noprint {display: none;}
// Hide unwanted elements
body {background:fff; color:000;}
// Black text on White background
a {text-decoration: underline; color:00f;}
//Underline Hyperlinks in blue
}
</style>


Preview, and if everything seems OK, click "Save Template"

Then in one of your post (or all your posts if you want) put this at the bottom of the post in the post editor window:


<a href="javascript:window.print()"><em><strong>
Print This Page</strong></em></a>


If you want the "Print This Page" to appear in all your post, go to SETTINGS > FORMATTING and paste the above into the post template window.

ref: blogger-tricks.blogspot.com


Print This Page

0 comments:

 
© Copyright by TIPS TRICKS BLOG  |  Template by Blogspot tutorial