How to add "Print Button" after every post in Blogspot

Now you can install print button in your blog like those in popular websites. Print button is a button to help readers to print articles with just a click. To install just follow in the instructions below.

This is a step by step instructions on How to add "Print Button" after every post in Blogspot. Just follow the steps properly.

Before you do anything to you template, you need to backup your template first.

To do this, go to Dashboard -> Layout -> Edit HTML and Download Full Template.

Once you backup you template, Go to Edit HTML and tick Expand Widget Templates.

Step 1: Find <p><data:post.body/></p>

Step 2: Choose your buttons and replace <p><data:post.body/></p> to the codes given below.

Buttons - after every post

<!-- Print code by http://djyano.blogspot.com/ -->
<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><!-- Print code by http://djyano.blogspot.com/ -->

<!-- Print code by http://djyano.blogspot.com/ -->
<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_button1.gif'/></a></b:if><!-- Print code by http://djyano.blogspot.com/ -->

<!-- Print code by http://djyano.blogspot.com/ -->
<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><!-- Print code by http://djyano.blogspot.com/ -->

<!-- Print code by http://djyano.blogspot.com/ -->
<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/printButton1.png'/></a></b:if><!-- Print code by http://djyano.blogspot.com/ -->

<!-- Print code by http://djyano.blogspot.com/ -->
<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><!-- Print code by http://djyano.blogspot.com/ -->

<!-- Print code by http://djyano.blogspot.com/ -->
<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_button2.gif'/></a></b:if><!-- Print code by http://djyano.blogspot.com/ -->

<!-- Print code by http://djyano.blogspot.com/ -->
<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_button1-1.gif'/></a></b:if><!-- Print code by http://djyano.blogspot.com/ -->

<!-- Print code by http://djyano.blogspot.com/ -->
<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><!-- Print code by http://djyano.blogspot.com/ -->

<!-- Print code by http://djyano.blogspot.com/ -->
<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/printButton4.png'/></a></b:if><!-- Print code by http://djyano.blogspot.com/ -->

<!-- Print code by http://djyano.blogspot.com/ -->
<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_button5.gif'/></a></b:if><!-- Print code by http://djyano.blogspot.com/ -->

<!-- Print code by http://djyano.blogspot.com/ -->
<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_button7.gif'/></a></b:if><!-- Print code by http://djyano.blogspot.com/ -->

<!-- Print code by http://djyano.blogspot.com/ -->
<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/printButton5.png'/></a></b:if><!-- Print code by http://djyano.blogspot.com/ -->

If you want to add install the buttons after the title. See image below.



TO



After you have satisfied, Save your template. I hope this will make your blog reader friendly.

Don't forget to Subscribe to The-Online-Quest via RSS or you can receive daily updates via Email.

Signing off..