Blogger Tutorial Add Print Button to your Blogger blog post.

blogger tutorial

blogger tutorial, 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.


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>
<noscript><input value="http://havelockknights.blogspot.com/" name="u" type="hidden"/></noscript>




<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>
<noscript><input value="http://havelockknights.blogspot.com/" name="u" type="hidden"/></noscript>



<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>
<noscript><input value="http://havelockknights.blogspot.com/" name="u" type="hidden"/></noscript>




Save you template and look for changes.