How to Add "Print Page" option | Blogger Tips

You may want to give option for visitors to print your post directly from your blog. This blog tips show you how to do this  task easily.

1.Login to your dashboard--> layout- -> Edit HTML

2.Check on "Expand Widget Templates"

3.Find out </head> tag.

4.Now copy below code and paste it before </head> tag.
<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>
5.Take decision where you want to show print page option. If you want to show after post title then before this <data:post.body/> tag or for after each post   paste following code after this <data:post.body/> tag .
<a href="javascript:window.print()">Print Page</a>
6. Save your template. So anyone can now easily print your post.

Comments Post a Comment

Trade4Target - June 14, 2011

I really appreciate your post and you explain each and every point very well.Thanks for sharing this information.And I’ll love to read your next post too.
Regards:
Trading Tips

Leave a Comment