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.
Few Buttons Available:
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://i391.photobucket.com/albums/oo351/Everythingmasthi/printButton5.png'/></a></b:if>
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://i391.photobucket.com/albums/oo351/Everythingmasthi/printButton4.png'/></a></b:if>
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://i391.photobucket.com/albums/oo351/Everythingmasthi/printButton12.gif'/></a></b:if>
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://i391.photobucket.com/albums/oo351/Everythingmasthi/print_button1-1.gif'/></a></b:if>
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://i391.photobucket.com/albums/oo351/Everythingmasthi/print_button2.gif'/></a></b:if>
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://i391.photobucket.com/albums/oo351/Everythingmasthi/print-button.gif'/></a></b:if>
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://i391.photobucket.com/albums/oo351/Everythingmasthi/printButton1.png'/></a></b:if>
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://i391.photobucket.com/albums/oo351/Everythingmasthi/print_button1.gif'/></a></b:if>
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
If you want to add the buttons after the title.
Replace <p><data:post.body/></p> to the codes given below.
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://i391.photobucket.com/albums/oo351/Everythingmasthi/print_button1.gif'/></a></b:if>
<span class='noprint'><data:post.body/></span>
<!-- Print code by http://wonderful-tricks.blogspot.com/ -->
0 comments