How to: Add “Print Button” in WordPress and Blogger post
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. Just follow the steps below on How to: Add “Print Button” in WordPress and Blogger post.
Blogger Installations
Go to your Blogger dashboard, go to Layout -> Edit HTML and tick Expand Widget Templates.
Search for:-
<p><data:post.body/></p>Choose your buttons and replace <p><data:post.body/></p> to the codes given below.

<!-- Print code by http://www.djyano.com/ --> <span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button.gif'/></a></b:if> <!-- Print code by http://www.djyano.com/ -->

<!-- Print code by http://www.djyano.com/--> <span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button1.gif'/></a></b:if><!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton.png'/></a></b:if><!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton1.png'/></a></b:if><!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print-button.gif'/></a></b:if><!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button2.gif'/></a></b:if><!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <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://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton12.gif'/></a></b:if><!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton4.png'/></a></b:if><!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button5.gif'/></a></b:if><!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button7.gif'/></a></b:if><!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton5.png'/></a></b:if><!-- Print code by http://www.djyano.com/-->
WordPress Installations
Login to your WordPress Dashboard, go to Appearance -> Editor. Open index.php, choose your button below and paste the code below in.

<!-- Print code by http://www.djyano.com/ --> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button.gif'/></a> <!-- Print code by http://www.djyano.com/ -->

<!-- Print code by http://www.djyano.com/--> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button1.gif'/></a> <!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton.png'/></a> <!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton1.png'/></a> <!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print-button.gif'/></a> <!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button2.gif'/></a> <!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button1-1.gif'/></a> <!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton12.gif'/></a> <!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton4.png'/></a> <!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button5.gif'/></a> <!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button7.gif'/></a> <!-- Print code by http://www.djyano.com/-->

<!-- Print code by http://www.djyano.com/--> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton5.png'/></a> <!-- Print code by http://www.djyano.com/-->
Loved your new button? Don’t forget to Subscribe to The-Online-Quest via RSS or you can receive daily updates via Email.












My Name is Sufyan a.k.a DJYano, and I am the guy behind this blog. A guy who has a lot of interests and experiences in PC hardware.



Well, I went into my Blogger Blog (which is Minima Lefty), followed all the instructions, and 1) didn’t find . I DID find , so I replaced that with four of the Print Button offerings you give. When I checked the blog with ‘Preview’, none of those buttons showed up. Is it that it doesn’t work with Minima Lefty, since ML doesn’t have the tags on the ?
Yeah, this is a really thought out solution. Keep up the great work and keep the great posts coming. Thanks
How do I add a print button to just one post in blogger?
Thanks for the compliment, now if only someone will try it to give me feedback!
I think the ‘noprint’ would be a problem if you use my code to customize your printed page (e.g. exclude the sidebar, ads, etc.) — so be aware of that.) Putting ‘noprint’ in your regular screen styling just means don’t print that entire block. So where you have it now doesn’t make sense (I think there was other code on your blogspot version… )
Hi SBA,
I read How to Create a Print This Post Button on Blogger at your blog, it was awesome. Very detailed post and thanks for coming to my little home.
I’ve added span class to noprint because this code was from my old blog @ djyano.blogspot.com.
I did a search also at old blog for span class to ‘noprint’ but couldn’t find it. I don’t even know why. And if i remove “span class=’noprint’” at my old blog. The code simply won’t work.
So I’ve decided not to remove the span class. Maybe someone would have the same problem like me.
Regards.
These are very nice buttons — you’ve given enough choices so that everyone will find one that suits their design. I did a search on your blog but could not find a related post that defines the CSS for actual printing where you exclude elements like the sidebar and ads. I just completed a lengthy post on that topic and was wondering why you put the span class to ‘noprint’?
Thanks for solution, good job man!!!