March 22, 2010

TEXT SIZE minus plus

How To Add A “Print This” Button In Your Blog

Advertisement
You Might Be Interested In Our Popular Article
  • Most Essential Free Softwares After Windows Installation
  • It depends on your blog or website if having a print button in your blog is good. For most blogs its a good option to have it. Readers of TutZone appreciate this button, because they can print the articles they like.

    If you think its a good idea to have one, here is the procedure:

    For WordPress Users:

    Note: Do take backup of your theme before you try this.

    01. Go to Appearance => Editor.
    editor

    02. Then choose single.php file from right hand side and add below code just where you want the print button to appear
    single.php

    <a href="javascript:window.print()" rel="nofollow">Print This!</a></span>


    03. Save file and you are done.

    04. You can also use a different stylesheet for printed pages. A example is shown below:

    body, input, textarea, select {
    color: #000;
    background: none;
    }

    ul.primary-links, ul.secondary-links,
    #header-region, .sidebar {
    display: none;
    }

    body.sidebars, body.sideber-left, body.sidebar-right, body {
    width: 640px;
    }

    body.sidebar-left #center, body.sidebar-right #center, body.sidebars #center,
    body.sidebar-left #squeeze, body.sidebar-right #squeeze, body.sidebars #squeeze {
    margin: 0;
    }

    #wrapper,
    #wrapper #container .breadcrumb,
    #wrapper #container #center,
    #wrapper #container #center .right-corner,
    #wrapper #container #center .right-corner .left-corner,
    #wrapper #container #footer,
    #wrapper #container #center #squeeze {
    position: static;
    left: 0;
    padding: 0;
    margin: 0;
    width: auto;
    float: none;
    clear: both;
    background: none;
    }

    #wrapper #container #header {
    height: 130px;
    }

    #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
    text-shadow: none;
    color: #000;
    }


    For New WordPress Users:

    You can try out following recommended plugins:

    PrintFriendly
    Or
    WP-Print

    Further Resources:

    That concludes this simple and useful tutorial. Hope you like it.



    Related Posts From Network
    Print

    About the Author

    When I was born I was so shocked I didn't speak for a year and half...... My brain has 2 parts, Right and Left, The Right one has nothing left in it and the Left one has nothing right in it......Who says Nothing is Impossible?? I've been doing nothing for years......
    • http://wp-popular.com/popular-word-press-websites/how-to-add-a-%e2%80%9cprint-this%e2%80%9d-button-in-your-blog-tutzone/ wp-popular.com » Blog Archive » How To Add A “Print This” Button In Your Blog | TutZone

      [...] posted here: How To Add A “Print This” Button In Your Blog | TutZone Tags: [...]

    • http://www.tripwiremagazine.com/2010/03/user-linkhow-to-add-a-%e2%80%9cprint-this%e2%80%9d-button-in-your-blog.html [User Link:How To Add A “Print This” Button In Your Blog] | Tips for Designers and Developers | tripwire magazine

      [...] User News tweetmeme_style = 'compact'; var delicious = { customText : ' ' , pageId : '1' } if (typeof Meebo == 'undefined') { Meebo=function(){(Meebo._=Meebo._||[]).push(arguments)}; (function(q){ var args = arguments; if (!document.body) { return setTimeout(function(){ args.callee.apply(this, args) }, 100); } var d=document, b=d.body, m=b.insertBefore(d.createElement('div'), b.firstChild); s=d.createElement('script'); m.id='meebo'; m.style.display='none'; m.innerHTML=''; s.src='http'+(q.https?'s':'')+'://'+(q.stage?'stage-':'')+'cim.meebo.com/cim/cim.php?network='+q.network; b.insertBefore(s, b.firstChild); })({network:'tripwiremagazine_fu72bi'}); }How To Add A “Print This” Button In Your Blog [...]

    • http://cssbrigit.com/CNews/entrada/2010032505485531 CSS Brigit | How To Add A “Print This” Button In Your Blog

      How To Add A “Print This” Button In Your Blog…

      It depends on your blog or website if having a print button in your blog is good….

    • http://www.tripwiremagazine.com/2010/03/185-hot-and-irresistible-fresh-articles-for-designers-and-developers.html 185+ Hot and Irresistible Fresh Articles for Designers and Developers | Tips for Designers and Developers | tripwire magazine

      [...] How To Add A “Print This” Button In Your Blog [...]

    • http://www.tripwiremagazine.com/2010/03/185-hot-and-irresistible-fresh-articles-for-designers-and-developers.html 185+ Hot and Irresistible Fresh Articles for Designers and Developers | Tips for Designers and Developers | tripwire magazine

      [...] How To Add A “Print This” Button In Your Blog [...]

    • http://www.neurosoftware.ro/programming-blog/facebook-web-design/web-resources/75-truly-useful-tutorials-colorful-resources-for-designers-to-discover-the-best-of-the-web-in-march/ 75+ Truly Useful Tutorials & Colorful Resources For Designers To Discover The Best Of The Web In March – Programming Blog

      [...] How To Add A “Print This” Button In Your Blog [...]

    • http://www.wpconfig.com/2010/04/03/75-truly-useful-tutorials-amp-colorful-resources-for-designers-to-discover-the-best-of-the-web-in-march/ Wordpress Blog Services – 75+ Truly Useful Tutorials & Colorful Resources For Designers To Discover The Best Of The Web In March

      [...] How To Add A “Print This” Button In Your Blog [...]

    • http://www.printingreviews.net/ Printing_service

      I wanna find more info about this, anybody could?

    • http://www.printingreviews.net/ Printing_service

      I wanna find more info about this, anybody could?

    • http://fortunerentcar.com sewa mobil

      thx for the info
      it is a new knowledge for me

    • http://crownrentcar.net sewa mobil

      thx for the info
      it is a new knowledge for me

    • http://www.atc-distribution.com Iphone_addict

      Thx for the post.

    blog comments powered by Disqus