Photobucket

Cool Fake Virus To Freak Your Friends Out

Learn how to create this useful prank to freak your friends out. Don’t worry, it’s a safe and harmless virus. Cool Fake... 

How to: Download and play your favorite Flash Games Right in your Desktop

After i have wrote about 4 Flash Games sites to cure your Boredom. You are sure to find your favorite games. You love playing your... 

How to: Add “Print Button” in WordPress and Blogger post

by DJYaNo on April 19, 2009 | Twit this | Print this






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 == &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://www.djyano.com/ -->

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

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

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

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

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

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

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

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

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

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

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

8 Responses to “How to: Add “Print Button” in WordPress and Blogger post”
  1. The Watcher says:

    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 ?

  2. Yeah, this is a really thought out solution. Keep up the great work and keep the great posts coming. Thanks

  3. Christy says:

    How do I add a print button to just one post in blogger?

  4. SBA says:

    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… )

  5. DJYaNo says:

    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.

  6. SBA says:

    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’?

  7. tongazman says:

    Thanks for solution, good job man!!!

Trackbacks

Check out what others are saying about this post.
  1. [...] 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.



Copyright © 2008 - 2010 The-Online-Quest All Rights Reserved · Powered by WordPress | Redesigned by Mr Javo