Sunday, July 26, 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.




Bookmark and Share
Digg this

2 comments:

June Freaking Cleaver said...

I tried your code on a LeeLou Blogs template, but it didn't work.

What did I do wrong?

the mama hood said...

this doesn't work...can you update this.. please... thanks!