31 luglio 2009

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.


22 commenti:

  1. 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"

    RispondiElimina
  2. 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

    RispondiElimina
  3. 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?

    RispondiElimina
  4. 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!!

    RispondiElimina
  5. 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

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

    RispondiElimina
  7. Ciao volevo provare le emozioni ;))

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

    RispondiElimina
  9. 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.

    RispondiElimina
  10. 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

    RispondiElimina
  11. @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

    RispondiElimina
  12. @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 :)

    RispondiElimina
  13. @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 :)

    RispondiElimina
  14. 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.

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

    RispondiElimina
  16. 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?

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

    RispondiElimina
  18. 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?

    RispondiElimina
  19. 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

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

    RispondiElimina
  21. 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;)

    RispondiElimina

Nota. Solo i membri di questo blog possono postare un commento.