Printing of posts - Poszt nyomtatása

Ha egy poszt tartalmát az olvasó érdekesnek találja, gyakran ki szeretné nyomtatni. Erre van lehetőség: a böngésző Fájl menüjében lévő Nyomtatás parancsot kell alkalmazni. Ilyenkor azonban olyan részek is kinyomtatódnak, melyek az olvasó számára érdektelenek, és ráadásul a nyomtatás költségét is növelik. Ilyen pl. a fejléc, az oldalsáv, vagy a megjegyzések. Azt, hogy hogyan nyomtatódik ki egy posztod megnézheted a következő módon:
Válaszd a böngésző Fájl -> Nyomtatási kép vagy File -> Print preview parancsot.
Próbáld ki.
Ha lehetőséget akarsz adni arra, hogy csak a cikked tartalmát kinyomtathassák az olvasók, akkor helyezz el a poszthoz egy nyomtatási gombot. Ebben a blogban láthatod működés közben. Ha most megnézed ennek a cikknek a nyomtatási képét az előbb leírt módon, láthatod, hogy csak a poszt címe és szövege van rajta, a felesleges részek nem.

Két lehetőséget ismertetek.

1. Lehetőség: (Ez nekem csak a poszt szövegét nyomtatja, képet nem.)
   
   http://www.printfriendly.com/
   
   Get your button
   1. Blogger
   2. Válaszd ki, melyik gombot szeretnéd
   3. Másold ki a kódot
   
   Irányítópult -> Tervezés -> Vezérlősablonok kibontása
   Ctrl+f
   Írd be: <post-footer>
   Közvetlenül UTÁNA szúrd be a kimásolt kódot.
   
   Mentés
   Ezután, ha rákattintasz, akkor a honlapra jutsz. Itt egy piros ablakkal ki lehet jelölni és törölni részeket a nyomtatandó szövegből, majd a bal felső sarokban lévő print paranccsal nyomtathatunk. Ha a PDF parancsot választjuk, akkor pdf fájlt menthetünk.
   DEMO
2. A másik lehetőség: ez a posztot nyomtatja, teljes egészében, képekkel együtt, úgy, ahogy ebben a blogban látod. A poszt alatt egy gombot helyeztem el.
   
   Irányítópult -> Tervezés -> Vezérlősablonok kibontása
   
   Ctrl+f
   Írd be: </head>
   Közvetlenül ELÉ szúrd be a következő kódot:
   

   <!--Printing code start-->
   <style media='print' type='text/css'>
   #header-wrapper, #header, .header, #navigation, #page-nav, #cat-navigation, #cat-nav, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .post-header-line-1, .post-footer, #comments, .comments, #comments-block, .comment-author, .comment-link, .comment-body, .comment-footer, .comment-form, .feed-link, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
   #main-wrapper {width: 95%;}
   </style>
   <!--Printing code end-->
   

   
   Most a keresőablakba írd be: <div class='post-footer'>
   Közvetlenül ELÉ szúrd be ezt a kódot:
   

   <p><b:if cond='data:blog.pageType == "item"'> <form> <input onClick='window.print()' type='button' value='Print'/> </form>
   </b:if></p>
   

   
   Mentés
   
   A második kódban lévő value='Print' részben a Print szó megváltoztatható más gombfeliratra.
   A DEMO ebben a blogban.

Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady