Link per stampare il post su Blogger, script aggiornato


Grazie alla segnalazione di Andrea, è stato possibile migliorare l’ottimo script proposto da Iole per aggiungere un link nel blog per stampare il post. Mentre con la versione precedente era necessario cliccare su un punto qualsiasi della finestra per stampare l’articolo, adesso nella finestra che si apre con la versione stampabile del post apparirà un link “Stampa il post”, che è sicuramente più intuitivo:

image

Per chi non avesse ancora fatto questa modifica, rimando all’articolo originale, di cui ho modificato il passo 4. Per chi l’ha già fatta e vuole migliorarla, basta seguire queste istruzioni.

Sostituire il codice del passo 4

Da Layout->Modifica HTML, selezionate “Espandi i modelli widget” e cercate questa riga di codice:

</head>

Sopra vi trovate il codice che ho indicato di inserire nel passo 4:

  <script> 
function stampaPostCompleto(divId,link) {
var postContent = document.getElementById(divId).innerHTML;
stampa(link+postContent);
}
function stampa(html) {
var printWindow = window.open("","printPost","top=100,left=200,width=600, height=400,scrollbars=yes,status=no,menubar=no,toolbar=no,locations=no");
printWindow.document.open();
printWindow.document.write('&lt;div onclick="javascript:window.print();"&gt;&lt;img src="http://tinyurl.com/lfk9jd"/&gt;&lt;div&gt;' + html);
printWindow.document.close();
}
</script>


Eliminatelo e al suo posto mettete questo:



  &lt;script&gt; 
function stampaPostCompleto(divId,link) {
var postContent = document.getElementById(divId).innerHTML;
stampa(link+postContent);
}

function stampa(html) {
var printWindow = window.open(&quot;&quot;,&quot;printPost&quot;,&quot;top=100,left=200,width=600, height=400,scrollbars=yes,status=no,menubar=no,toolbar=no,locations=no&quot;);
printWindow.document.open();
printWindow.document.write(&#39;&lt;a href=&quot;#&quot; onclick=&quot;window.print();&quot;&gt;&lt;img src=&quot;http://tinyurl.com/lfk9jd&quot; alt=&quot;&quot; border=&quot;0&quot; /&gt;&lt;/a&gt; &lt;a href=&quot;#&quot; onclick=&quot;window.print();&quot;&gt;Stampa il post&lt;/a&gt; &lt;br /&gt; &lt;br /&gt;&#39; + html);
printWindow.document.close();
}
&lt;/script&gt;


Salvate il template e avete finito.



E adesso a voi!



Invito a seguire l’esempio di Andrea: se avete idee su come migliorare il materiale proposto in questo blog, fatemelo sapere! Anch’io ho i miei limiti (come chiunque) e tranquilli che leggerò avidamente ogni vostro suggerimento.


Condividi su Facebook, Twitter o Google Buzz:
Condividi su Facebook Condividi su Twitter Pubblica su 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!

22 commenti:

anna ha detto...

Ciao, ti seguo da tempo, sono tra i tuoi lettori fissi da tempo. I tuoi consigli mi hanno aiutato moltissime volte grazie.
Ho appena inserito il tuo bannerino nel mio blog "C'è di mezzo il mare"

alexs ha detto...

Grandissimo Tenebrae, grazie, grazie e grazie ancora, tutto risolto con un click ah ah ah, un ultima domanda, sempre data dalla mia ignoranza, per fare la faccina che si strappa i capelli, il primo simbolo è quella specie di esse rivoltata, io ho anche rivoltato la tastiera =)) ma non l'ho trovato, come si fà? grazie ancora e ciao

BU ha detto...

Tenebrae!!!Niente da fare neanche con questo aggiornamento...solito errore di blogger che aveva anche alexs...non so a questo punto, visto che lui ha risolto...
Che fare?

Calliope ha detto...

Ciao Orazio, purtroppo non riesco a trovare il post dove dici come sistemare le colonne quando mi trovo in personalizza e non sul blog (lì è tutto a posto a vedersi).

Inoltre il mio blog pur avendo toloto il gadget lettori risulta lento...gli dai un'occhiatina e mi dici cosa può essere?
L'ho chiesto pure a Iole ^_^

ciaoooooo!!

Pinella ha detto...

Ciao! Grazie ai tuoi magici insegnamenti sono riuscita ad inserire la terza colonna nel mio blog di prova. Potresti indicarmi come spostare la new side bar a sinistra del main -wrapper lasciando l'altra a destra invece che averli entrambi sullo stesso lato?
Grazie
Pinella

@nn@ ha detto...

sono un'altra Anna, ma anche io ti "sfrutto" spesso, quindi ho inserito un link al tuo blog sul mio blog ;)

vanda ha detto...

Ciao volevo provare le emozioni ;))

ec.log ha detto...

ciao! aggiunto al mio blog con qualche affanno, funziona ma la finestra non si chiude dopo aver lanciato la stampa. ho sbagliato qualcosa ?

Claudia ha detto...

Grazie millissime!!!!!!

Iole ha detto...

I miei complimenti ad Andrea che ha migliorato il mio script!
Tenebrae ti volevo chiedere una cosa: ho notato che alcuni blogger copiano per intero i miei post mettendo alla fine "Fonte: iolecal.blogspot.com" nemmeno un link al mio blog o al mio post. Che posso fare?
Infine un'ultima cosa... mi permetto di rispondere ad alexs su come scrivere il carattere ~. Basta tenere premuto Alt e scrivere 126, alla fine rilasciando il tasto Alt compare il carattere ~ o più semplicemente copiando il testo che compare a fianco della faccina che si vuole inserire.

lella ha detto...

ciao carissimo,guarda ke domanda difficilissima ti pongo:
ma dove si trovano sulla tastiera i segni tipo parentesi graffa,quadra,euro ed altri ke possano servire anke x inserire le emoticon ?nn riesco a trovarle! :-/
Vedi a ke livello sono....... :(
un abbraccio
p.s.oggi qui c'è un tempo da lupi con temporali,vento freddo e buio.Quanto mi manca quel bel sole :((
Lella

Tenebrae ha detto...

@alexs: ti ha risposto iole :)

@BU: quale errore esattamente?

@calliope: sicuramente cose come slideshare risultano più pesanti di altre, ma il problema è che nel complesso ci sono troppe immagini, soprattutto quelle animate rallentano la visualizzazione del blog

per il problema del template, devi guardare in fondo a questo post, nella sezione "problemi comuni"

@pinella: ne parlo qui :)

@ec.log: è il comportamento previsto, va chiusa manualmente

Tenebrae ha detto...

@lella: le parentesi quadre le fai tenendo premuta il pulsante "Alt Gr" a destra, e premendo i pulsanti "è" o "+" vicino al tasto invio, dovrebbe anche esserci stampato

con gli stessi pulsanti, tenendo premuto lo shift oltre all'"alt gr", ottieni le parentesi graffe

il simbolo dell'euro lo fai tenendo premuto il pulsante "Alt Gr" e schiacciando la lettera E

spero di essere stato chiaro, probabilmente farlo vedere vale più di un milione di parole :)

Tenebrae ha detto...

@iole: evitare che "rubino" i contenuti del blog è impossibile... ci sono soluzioni drastiche, tipo disabilitare il tasto destro, impedire il copia e incolla, impedire la selezione del testo, ma direi che nei nostri blog sarebbero inopportuni

puoi parlare con chi copia i tuoi contenuti e dirgli di linkare correttamente il tuo blog

a me capita continuamente, ma non ci faccio troppo caso :)

Sacco ha detto...

Ciao Tenebrae, perdonami se sono OT.
Nel mio blog ho inserito una lista di link, ma adesso che ho raggiunto i 75 elementi non me ne fa più aggiungere altri. Come posso fare per ovviare a questo problema? Ti ringrazio moltissimo in anticipo.

gturs ha detto...

Grazie ho seguito le vostre indicazioni e tutto funziona.......bellissimo!!!
Ciao e a presto roberta.

GabyPixar ha detto...

Ciao, a me non funziona ancora; l'icona della stampante sul post non si vede.
Ti posso inviare il modello così puoi vedere dove ho sbagliato?
Se si a che indirizzo?

lella ha detto...

Waooo ce l'ho fatta =))
Non le avrei mai trovate!
grazie mille
Lella

Pinella ha detto...

Grazie Ten!! anch'io sono O.T. ma non so' come contattarti....
Nel mio blog ho distanziato fino a 60 px l'header dal main . Devo cambiare qualcosa da qualche altra parte?


#header {
margin: 60px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;

Mi sto' creando una scritta con Scriptina...come la inserisco nell'header?

dada ha detto...

Attingo silente ai tuoi preziosi consigli oltre alla tua gentilezza.
Anch'io incontro lo stesso problema di Bu (Alexs e Elly nell'altro articolo): errore XML Element type "div" must be followed by either attribute specifications, ">" or "/>".
. Ho un template minima. Ho provato varie volte ma niente.
Visto che alcuni hanno risolto il problema c'è un trucco?
Grazie mille

dada ha detto...

Dimenticavo, ti ho naturalmente linkato e sono contenta che tu sia appassionato di cucina (un po' si sentiva ;-)

DittaPaoloScanu ha detto...

ciao, io vorrei inserire uno slideshow sotto il menù del mio blog, ho cercarto e cercato ma non ho trovato nessuno che lo spiega!
grazie in anticipo per la risposta;)


Prima di lasciare un commento, leggete qui

Posta un commento