Come stampare i post di Blogger: funzione per stampare solo alcuni post o porzioni di post

Qualche giorno fa ho ricevuto un'email da Renato e Giuliana del blog cliccandoci.blogspot.com con una richiesta a proposito della stampa dei post. Nel loro blog, alcuni post sono delle ricette e vorrebbero dare la possibilità ai propri lettori di stamparle facilmente, magari selezionando solo la parte della ricetta e tralasciare l'introduzione.

Già tempo fa ho pubblicato due post con le istruzioni per consentire ai propri lettori la stampa:

• Come stampare i post di Blogger: una funzione javascript specifica per i blog con sezioni nascoste (come quello di Francesca che me l'ha richiesta) e una funzione adatta a tutti i template (che è stata largamente utilizzata)
• Nuovo script per stampare anche il link e il titolo del post: una funzione realizzata in base alle richieste di Piero per consentire ai propri lettori di stampare non solo l'intero post ma anche il titolo ed il link

Utilizzando sia l'uno che l'altro metodo, andando ad agire sul template, ogni post avrà alla fine l'icona e il link per la stampa. In questo modo tutti i post del blog potranno essere stampati. In effetti mi capita spesso di vedere nei blog di cucina che seguo, il link Stampa la ricetta in post che ricette non sono.
Per rispondere alla richiesta di Renato e Giuliana, ho deciso di rivedere quelle funzioni e scrivere questo post con tutte le istruzioni per poter stampare solo un singolo post o un porzione di esso.

Nel css del template, cioè subito prima della riga ]]></b:skin>, incollate questo codice:

a.printer {
cursor: pointer;
background: url(http://www.iolecal.it/blog/posts/post074/printer.gif) no-repeat;
padding-left: 20px;
margin-right: 10px;
}

Poi trovate la riga </head> e subito prima incollate questo codice javascript:

<script>
function stampaPost(divId) {
var postContent = document.getElementById(divId).innerHTML;
stampa(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://www.iolecal.it/blog/posts/post074/printer.gif"/&gt;&lt;div&gt;' + html);
printWindow.document.close();
}
</script>

e salvate il modello.

Per ogni post che volete far stampare, dovrete modificarne manualmente l'html cliccando sul tab Modifica Html dell'editor di Blogger.

Come vi dicevo prima, potete scegliere se stampare l'intero post o una porzione di esso. Qualunque sia la parte del post che volete stampare, dovrete trovare il codice html corrispondente e aggiungere subito prima <div id="id_del_post"> e subito dopo </div>.

Poi alla fine del post, aggiungete il codice per far apparire il link per la stampa:

<a class='printer' onclick='stampaPost("id_del_post");'>Stampa la ricetta</a>

dove id_del_post deve essere sempre diverso per ogni post (potete mettere il titolo, una sigla, il numero del post, ...), mentre la scritta Stampa la ricetta potete personalizzarla in base alle vostre esigenze.

Vi riporto di seguito l'esempio per stampare solo una porzione di questo post (le prime sei righe):

come potete vedere ho aggiunto <div id="post118"> e </div> al codice html delle prime sei righe del mio post.

Vi posso assicurare che è più facile a farsi che a dirsi.

Newsletter by follow.it

Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.