Scuolissima.com - Logo

Come inserire un pulsante di Stampa su Blogger

Non a tutti piace scrivere a mano un testo lungo e chi possiede una stampante non ci penserà due volte a metterla 'in moto' per stampare l'intera pagina web. Anche se siamo abbastanza evoluti per avere telefonini di ogni tipo e computer sempre più potenti vi sono ancora persone rimaste all'età della pietra che non sanno avviare la stampante. Non è difficile stampare una pagina web, basta semplicemente combinare i tasti Ctrl+P ma evidentemente non è molto esplicito, servirebbe una piccola icona da affiancare ai propri post pubblicati per avvisare i visitatori o i lettori che tali pagine si possono anche scaricare. Per inserire un pulsante di Stampa su Blogger la prima cosa che dovete fare è andare su Layout > Aggiungi un Gadget > HTML / Javascript e al suo interno copiare uno dei 3 codici:

Questo mostrerà solamente la frase sotto forma di link ma in realtà azione uno script.
<div style="float: left; padding-left: 7px;"> <a href="javascript:window.print()" rel="nofollow">Stampa l'articolo</a></div>


Questo mostrerà un'icona con una stampante di colore blu:
<div style="float: left; padding-left: 7px;">
<a href="javascript:window.print()" rel="nofollow"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipbl0fSeOqksQJys_7mYwOxmC9bt3bSijGOrnG_KmEqSQbGftyy4Iw_Qv-J_c2CJJjv7Q9HqGQDyuSCXhDaATAdnTyBcg0jCc_WmdC39BDASN5aQ4klxZfJxygrpiw7XMCGQtLPMfWQWWU/s1600/icon+stamp.png' /></a></div>



Quest'altro invece una stampante molto simile alla precedente ma di colore nero.
<div style="float: left; padding-left: 7px;">
<a href="javascript:window.print()" rel="nofollow"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc8t1c9_00vREzqzFLlH62WjK4WtW9XtB6V4RbeFEm6agL2mKQIux5nAcPLkm6rjS5CE4oO1diwgqukBpuBLGfGPJRyt7-vp7xcykdIDQa7oy3R2Kp04U-QPJTz6xqBDLIDmO5-m5EdqW5/s1600/icona+stampante.png' /></a></div>


Le uniche modifiche che si possono fare agli ultimi due codici riguarda l'immagine, infatti sostituendo l'url delle immagine che ho inserito potete inserire qualsiasi altra cosa, anche dei bottoni sotto forma di immagine con scritte specifiche come "Clicca qui per stampare". Al termine della creazione del gadget HTML / Javascript salvatelo e poi spostatelo appena sotto al post oppure in un posto più visibile come uno dei primi gadget presenti nella sidebar.



Come stampare solo gli articoli (senza commenti, sidebar ecc.)

Il metodo precedentemente illustrato permette di stampare l'intera pagina aperta con tutti gli elementi che stanno attorno all'articolo, come le pubblicità, i commenti, la sidebar piena di gadget e probabilmente non è questo quello che vuole l'utente.

Per permettere agli utenti di stampare solo gli articoli, gli si può consigliare l'utilizzo di estensioni per evitare di stampare immagini inutili oppure utilizzare un widget di terze parti. Nel secondo caso dovrete andare sul sito Prientfriendly.com e poi selezionare le seguenti voci:

1) Site type: Blogger/Blogspot

2) Choose Button: Il secondo pulsante a sinistra (secondo me è il più carino).
Features: lasciare tutto invariato.

3) Install on Blogger: non dovete premere il pulsante per installare il widget in quanto così potrebbe non funzionare. Dovete invece cliccare sulla scritta add code directly to template, significa che il codice che vi apparirà, dovrete andarlo a copiare nel modello di Blogger, subito dopo il tag <head> .


Questo è il risultato che dovrebbe venirvi fuori:



Cliccando su una delle due voci (Print o PDF) si aprirà un popup con l'articolo da stampare:



A questo punto dovrete solamente decidere cosa fare. Cliccando con il mouse su un elemento (testo o immagine) sarà possibile eliminarlo per risparmiare la cartuccia della stampante. Infine si deve cliccare sul pulsante Stampa o scegliere il formato PDF.
L'unica pecca di questo servizio è che appaiono le pubblicità al momento della stampa dell'articolo, d'altronde offrire certi servizi ha anche dei costi e gli autori di questo widget lo fanno sicuramente per lavoro e non per generosità.

Beh, io vi ho posto entrambe le soluzioni per inserire un pulsante di Stampa su Blogger, adesso toccherà a voi decidere cosa fare.



🧞 Continua a leggere su Scuolissima.com
Cerca appunti o informazioni su uno specifico argomento. Il nostro genio li troverà per te.




© Scuolissima.com - appunti di scuola online! © 2012 - 2024, diritti riservati di Andrea Sapuppo
P. IVA 05219230876

Policy Privacy - Cambia Impostazioni Cookies