How to: Change/Hide Your IP Address
IP address is an identifier for a computer or device on a TCP/IP network. Networks using the TCP/IP protocol route messages based...
How to use a custom email in MSN MessengerI used a custom email for my MSN Messenger, my friends were surprised and they ask me how. You don’t need a Hotmail email account...
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.
Comments
7 Responses to “How to: Add “Print Button” in WordPress and Blogger post”Trackbacks
Check out what others are saying about this post.-
[...] post: How to: Add “Print Button” in WordPress and Blogger post | The … Posted in Blogger, Blogging, WordPress | Tags: button, expand-widget, follow-the-steps, html, [...]
Speak Up
Tell us what you're thinking about this post.Get a gravatar to show your pic with your comment.








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.



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!!!