29 dicembre 2009

Come stampare un articolo del blog insieme a tutti i commenti inserendo un'icona alla fine (o all'inizio) del post.

Ho già pubblicato un articolo su come inserire un link per stampare un post del blog, adesso vi illustro un metodo alternativo ma che porta a un risultato simile. La differenza sostanziale è che con questo metodo, oltre che evitare di stampare cose inutili, si riesce a stampare anche i commenti dell'articolo che talvolta sono particolarmente interessanti e arricchiscono il post.

Andate su Layout > Modifica HTML  e salvate il modello completo per un eventuale back-up. Cercate la linea di codice

</head>

e, immediatamente sopra, incollate quest'altro codice

<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95%}
</style>

Adesso occorre inserire il link per stampare che in genere si mette alla fine del post, ma in teoria si può mettere anche all'inizio, dipende ovviamente dai modelli e dalle esigenze. Nel caso si voglia inserire alla fine dell'articolo occorre cercare la riga

<div class='post-footer'>

e, immediatamente sopra, incollare quest'altro codice

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='background: url(
http://public.blu.livefilestore.com/y1pKK58gimiZwNfoRRQ3Hw-jxaH71KFMPobHgWBrs-oL3CVKfIhFL-_AueREYXQhbSyfmAGg3VQYCbHAazM_IRWbA/print.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Stampa il post</a></span>
</b:if>

La posizione di questo link ripeto non è obbligatoria e può essere inserito anche da altra parte. La prima e l'ultima riga del blocco di codice fanno sì che il link sia visibile solo nei singoli post e non in Homepage. Dopo aver salvato il modello quando si apre un post sarà visualizzata un'icona simile a questa

stampa-post

L'espressione "Stampa il post" può essere sostituita anche da un'altra, ricordarsi però che non sono ammessi apostrofi. Alternativamente si può inserire solo il link senza l'icona, allora il codice diventa

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'>Stampa il post</a>
</b:if>

oppure inserire un bottone per stampare inserendo quest'altro codice

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<form> <input type="button" value="Print This Post" onClick="window.print()" /> </form>
</b:if>

in cui può essere sostituita l'espressione "Print This Post" con un'altra e che avrà una forma simile a questa

print-this-post

Per vedere all'opera questa personalizzazione cliccate su un qualsiasi post del blog "Il sesto senso della vita". L'icona, in questo caso, si visualizza tra l'invito a sottoscrivere i feed e la firma personalizzata. Quando il lettore cliccherà sull'icona, sul link o sul bottone si aprirà automaticamente la finestra di dialogo con la stampante.

Nel caso vogliate inserire il link per stampare all'inizio del post, cercate la riga <data:post.body/> e incollate il codice immediatamente sopra. Ricordo che sopra a questa riga sono spesso presenti anche gli annunci pubblicitari quindi, in questo caso, inserirlo prima del codice Adsense.

Fonte | Blogger Buster -




11 commenti:

  1. ciao Parsifal ho appena scoperto il tuo blog e credo che da questo momento sarà la mia principale fonte per migliorare il mio neonato blog. Ho subito seguito la procedura di segnalazione del blog a google e crezione sitemap.
    Ma in realtà cercavo qualcosa su come modificare il posting dei commenti. Mi piacerebbe che fossero presenti solo due identità: OpenID e Nome/URL, però a quest'ultima vorrei aggiungere il campo indirizzo e-mail (obbligatorio ma non pubblicato con il commento, in molti blog è cosi)
    Aspetto chissà che non mi dai una mano, comunque complimenti!
    Ida

    RispondiElimina
  2. @Scrivendolibri
    Ida,
    in Blogger esiste la possibilità di far commentare chiunque o solo utenti registrati (OpenID compreso).
    Devi andare in Personalizza > Impostazioni > Commenti > "Chi può fare commenti?" e mettere il segno di spunta a una delle quattro opzioni che preferisci. Nel tuo caso è "Utenti registrati" che è la seconda.
    Dopo ricordati di Salvare le Impostazioni cliccando a fondo pagina.
    Ciao

    RispondiElimina
  3. Ottimo articolo! Complimenti! cercavo questi codici già da un pò di tempo e finalmente li ho trovati e incorporati senza alcun problema nel mio blog! ..

    Ancora grazie!
    Saluti

    RispondiElimina
  4. ciao, ho messo i due codici dove mi hai detto. ma dopo aver salvato il modello non è successo niente, la scritta stampa il post non era presente. grazie ancora e ciao

    RispondiElimina
  5. esiste un modo per staccare la scritta dal testo del post? Grazie!

    RispondiElimina
  6. @Mario Alan
    Non so se ho capito bene. Per scritta intendi il link per stampare il post? Se è così inserisci questo tag
    <br/>
    prima e dopo il codice del link. Si tratta di un salto di riga.

    RispondiElimina
  7. Ciao,
    io vorrei mettere il bottone di Stampa all'inizio del post. E' Possibile? cosa devo fare.
    nel mio blog ho già inserito sotto ogni post il bottone "PRINT" di printfriendly, ma vorrei spostarlo all'inizio di ogni post. Cosa devo fare?
    Grazie!

    RispondiElimina
  8. @sarchy
    Il codice di PrintFriendly lo incolli nel modello prima della riga
    <data:post.body/>
    o dell'altra riga
    <div class='post-body entry-content'>
    con questa sintassi

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

    RispondiElimina
  9. Ciao Ernesto e buon inizio settimana. Ho applicato questo modello nel mio blog e devo dire che funziona molto bene, per una questione estetica però vorrei sostituire l'icona standard con un icona più grande .png e fare in modo che cliccando sulla stessa si avvi la procedura di stampa. Potresti aiutarmi?
    Ciao Giuliana

    RispondiElimina
  10. @Lacucinaimperfetta...
    Sostituisci questa icona
    http://fr8tqa.blu.livefilestore.com/y1pyAFv9ynV8RtOHzH8ZhzXXroGeKyrIDKlBLSjBth50qlMkfJgeJfRsdfSGgWozJ0NoSnuTbsbrXv_CBFLbxAd_g/print.gif
    con un'altra a tua scelta.

    RispondiElimina
  11. Peccato che i modelli siano stati cambiati in blogger...

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti al post.