Pulsante per stampare i post o scaricarli in pdf con PrintFriendly

Grazie al servizio che presento in questo articolo sarà possibile inserire un pulsante in fondo ai post su Blogger (e non solo) per dare la possibilità all’utente di visualizzarne una copia stampabile priva della grafica e degli elementi di contorno presenti sul blog. Modifica di cui avevamo già parlato, ma con PrintFriendly il risultato è un po’ più pulito e si ha anche la possibilità di scaricare direttamente il contenuto in un pdf (mica male!). Ecco un esempio del risultato col mio precedente articolo:

Come sempre, è sempre meglio fare un backup del template di Blogger prima di cominciare a modificarlo, per poter tornare indietro se le cose non andassero come ci aspettiamo.

Generare il pulsante da PrintFriendly

Andate direttamente nella pagina di generazione del codice del pulsante a questo indirizzo, e nella finestra che vi appare scegliete Blogger e lo stile grafico per il pulsante che più vi piace:

Nel mio caso ho scelto quello in basso a destra. E’ anche possibile selezionare “Text link, or use your own button”, che permetterà a chi è più disinvolto con il codice HTML di scegliere l’aspetto del proprio link o pulsante. Se non siete tra questi, scegliete tra una delle sei possibilità offerte.

Una volta selezionato il pulsante che preferite, sotto verrà presentato il codice che dovrete incollare nel vostro blog, da copiare in memoria:

Questo codice, anche se pensato per Blogger, ha bisogno di qualche piccola modifica per dare il meglio di sè. Quindi incollatelo da qualche parte (anche nel blocco note), cercate questa porzione di codice:

href="http://www.printfriendly.com"

e sostituitela con questa:

expr:href="data:post.url + "?pfstyle=wp""

Attenzione: siate precisi isolando esattamente il testo da sostituire. Se non fate quest’operazione, il pulsante non funzionerà nella pagina del singolo post. Forse una distrazione da parte degli sviluppatori?

Modificare il template di Blogger

Adesso andate a modificare il codice del nostro template. Da Design –> Modifica HTML, selezionate “Espandi i modelli widget” e  cercate questa riga di codice:

<div class='post-footer'>

Se non riuscite a trovarla, dovreste riuscire comunque a trovare qualcosa che inizi con:

<div class='post-footer

Subito sotto, incollate il codice che avete copiato (e modificato) da PrintFriendly, salvate il template e il gioco è fatto:

Visualizzare il pulsante solo nelle pagine del singolo post

Per visualizzare il pulsante di stampa solo nella pagina del singolo post (è sempre l’opzione che preferisco) il codice va racchiuso tra le due righe evidenziate in rosso:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

codice di PrintFriendly

</b:if>

Che ve ne pare?

L’unico inconveniente del servizio è che mentre si aspetta che la stampa o la conversione in pdf siano pronti viene visualizzata della pubblicità, ma niente di particolarmente invasivo:

Non c’è comunque pubblicità nel risultato finale, che è la cosa più importante. Per qualsiasi chiarimento o precisazione, lasciatemi pure un commento. Se pensate che sia utile, posso anche inserirlo su Creare blog.

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!