29 May 2009

How to Add Print Button to your Blogger post.

Advertisements

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

3 comments

September 30, 2009 at 6:55 PM

Thanks,

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

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

Tks,

October 1, 2009 at 11:17 PM

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

December 21, 2009 at 8:44 PM

I will try this one... thanks :)

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More