29 May 2009

How to Add Print Button to your Blogger post.

Like other popular websites now you can add Print Button to your Blogger blog so that visitors/users will be able to print your blog article by one mouse click.

See Demo site with Print Button (Go and click on any post).

Step by step Procedure


1. Go to Blogger Dashboard >> Layout >> Edit HTML >> Download Full Template ( for backup) >> Expand Widget Template.

2. Look for <p><data:post.body/></p>

Now replace above code with any one of the following codes.



<span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == &quot;item&quot;'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton.png'/></a></b:if>





<span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == &quot;item&quot;'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button.gif'/></a></b:if>





<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton12.gif'/></a></b:if>

Save you template and look for changes.



Related Posts

Newer Post Older Post Home

3 comments:

Nguyen Hoang Anh says:
September 30, 2009 6:55 PM Reply

Thanks,

but it prints only 2 pages: first one is blog head banner and second one.

My blog: http://anhgolden.blogspot.com

Tks,

drraman says:
October 1, 2009 11:17 PM Reply

If you check print preview from your browser it shows two pages.

waterfirefox says:
December 21, 2009 8:44 PM Reply

I will try this one... thanks :)

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More