01/07/2010

Come ti aggiungo il tasto "stampa"

MyBlog_Marco.jpg

Ciao MyBlogger!

oggi vediamo di dare finalmente una risposta concreta a quanti ci hanno più volte chiesto l’attivazione della funzione print per trasferire su carta le nostre fatiche letterarie.

 

Vediamo come intervenire.

 

Per inserire il bottone Stampa all’interno di un post,  dobbiamo modificare i template che contengono il post singolo, ovvero:

- Modello della pagine di link permanente;

- Modello della pagina dei commenti.

foto1.jpg
Raggiungiamole seguendo il percorso “Presentazione>opzioni avanzate” e inseriamo per entrambi  tra le tag <head> ed </head> il seguente codice:

 <script type="text/javascript" 
src="http://scripts.xoom.it/scripts/jquery.js">
</script>
<script type="text/javascript"
src=" http://scripts.xoom.it/scripts/jqprint.js">
</script>

Decidiamo adesso dove inserire il bottone “Stampa” all’interno dei post e incolliamo (sempre per entrambi i template) il seguente codice:

 <input id="PrintVocab" value="Stampa questo post" 
type="button" />

Noi consigliamo di posizionare il pulsante o subito sotto al titolo, quindi dopo questa riga:

 <h3 id="p1"><span>{$post.title}</span></h3>                

o prima del footer, quindi prima di questa riga:

 <div class="postbottom"></div>        

Ora non ci resta che decidere quale sezione del blog stampare e inseriamo il seguente codice (come sempre per entrambi i template segnalati):

 <div id="divToPrint" align="left">
Sezione del post che vogliamo stampare
</div>

Noi consigliamo di stampare la sezione del post che va dalla data all'inizio del footer del post, in questo modo stampiamo: data, titolo e contenuto del post.

 

foto2.jpg
Quindi devono cercare nel post il seguente codice:
 <h2 class="date"></h2>        

Una riga prima aggiungiamo:

 <div id="divToPrint" align="left"><h2 class="date"></h2>        

Ora cerchiamo:

 <div class="postbottom"></div>        

Una riga prima aggiungiamo il "div" di chiusura:

 </div>
<div class="postbottom"></div>

Fatto! Siamo ora in grado di stampare tutti i contenuti che vogliamo (con moderazione, c’è un pianeta da salvare :D ).

10:57 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (1) | Segnala | Tag: ajax, javascript, stampa, print, redazione, myblog, virgilio | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook