Pubblicato il 01/02/11 - aggiornato il  | 36 commenti :

Aggiungere l'ora di pubblicazione alla data nei post di Blogger.

Mi è stato chiesto in un commento di affrontare l'argomento della visualizzazione dell'ora di pubblicazione di un post insieme alla data. Presenterò due versioni a seconda che si voglia mostrare l'ora in una seconda linea sotto alla data oppure che si voglia visualizzare tutto nella stessa riga.
Ecco nel mio blog di prova come appare la data in condizioni normali

data-blog-blogger

Andiamo su Design > Modifica HTML e salviamo il modello completo. Dopo aver messo la flag a espandi modelli widget, cerchiamo con F3 o Ctrl+F la seguente stringa

<h2 class='date-header'>

Dobbiamo prendere in considerazione tutto il codice presente fino alla chiusura del tag h2. Nel modello Simple del Designer Modelli troviamo questa riga

<h2 class='date-header'><span><data:post.dateHeader/></span></h2>

In altri modelli potrebbe essere leggermente diversa ma voi prestate attenzione alla parte iniziale, che serve per trovare il blocco di codice e alla chiusura del tag che è la zona in cui inserire la personalizzazione.

Visualizzare l'ora di pubblicazione sotto la data


In questo caso occorre aggiungere questo codice

<h2 class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
&lt;span style=&quot;color:#2288bb&quot;&gt;ALLE ORE &lt;/span&gt;
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</h2>

subito dopo </h2> della riga che è stata individuata in precedenza. Le personalizzazioni riguardano il testo da visualizzare prima dell'ora e il colore della scritta. Il codice del colore della data si può facilmente trovare cercando nel modello date.header.color, che si trova nella sezione delle variabili, e acquisendo il colore presente in value. A titolo di esempio posto il codice trovato nel modello Simple

<Variable name="date.header.color" description="Text Color" type="color"
         default="$(body.text.color)" value="#2288bb"/>


Dopo aver salvato il modello ecco come appariranno tutti i post

ora-pubblicazione-blogger-post

Si possono fare alcune considerazioni. L'ora avrà lo stesso colore del titolo e avrà un collegamento al permalink del post che si potrà aprire cliccandoci sopra per esempio in home page, nelle pagine di etichette e di archivio. L'ora di pubblicazione sarà visibile non solo in tutti gli articoli che vi accingerete a pubblicare ma anche in tutti quelli che avete già postato.

Visualizzare l'ora di pubblicazione accanto alla data


Questa è forse esteticamente la scelta migliore visto che si vedono data e ora nella stessa riga. Il codice da inserire è lo stesso di prima senza la prima riga, solo che stavolta va incollato prima del tag di chiusura </h2>. Per il modello Simple si ha cioè questo HTML

<h2 class='date-header'><span><data:post.dateHeader/></span>
<b:if cond='data:top.showTimestamp'>
&lt;span style=&quot;color:#2288bb&quot;&gt;ALLE ORE &lt;/span&gt;
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</h2>

dove il codice preesistente è di colore blu mentre quello aggiunto è di colore rosso. Anche in questo caso si può procedere alle personalizzazioni come illustrato in precedenza, che sono in grassetto e riguardano colore e scritta. In questo caso l'aspetto del post sarà così

ora-pubblicazione-blogger-articolo-data
I blogger che scrivono più post al giorno possono trovare interessante visualizzare anche l'orario in cui gli articoli vengono pubblicati. Se si era precedentemente inserita la personalizzazione che mostra la data in tutti i post di Blogger potrebbero sorgere delle incompatibilità tra le due modifiche anche se è comunque sempre presente la riga su cui operare.


36 commenti :

  1. Scusa ma non è già previsto l'inserimento dell'ora da blogger?

    RispondiElimina
  2. @Stefano
    In taluni modelli può darsi che sia prevista. In quello di questo blog e in questo tuo blog
    http://alzogliocchiversoilcielo.blogspot.com/
    non c'è, almeno accanto alla data di pubblicazione, ma solo nei commenti.
    Capisco che a qualcuno possa interessare e ad altri meno, è normale :)

    RispondiElimina
  3. Era solo per capire se è una cosa diversa da quando offre blogger (io ho disattivato l'orario andando su layout- post ma per default inizialmente ogni articolo segnalava anche l'ora in cui veniva pubblicato). Lungi da me ogni intento critico

    RispondiElimina
  4. @Stefano
    Guarda che stiamo parlando di due cose diverse. Se guardi questo post, alla fine c'è scritto
    "by parsifal32 alle 11.12"
    Mi è stata fatta una richiesta se si poteva mettere questo orario accanto alla data in alto e non solo alla fine del post.
    Invece per inserirlo o disinserirlo alla fine dell'articolo bisogna andare su Design > Post sul blog > Modifica e mettere o togliere la flag dalla data come ricordato anche da te.

    RispondiElimina
    Risposte
    1. Parsifal, scusa la domanda (sopratutto visti gli anni passati dalla data di pubblicazione del tuo commento, che trovo assolutamente interessante) ma con "mi è stata fatta una richiesta se si poteva mettere questo orario accanto alla data in alto e non solo alla fine del post.
      Invece per inserirlo o disinserirlo alla fine dell'articolo..." intendi forse che c'è un modo per inserire l'ora di pubblicazione solo accanto alla data e nasconderla alla fine dell'articolo, accanto alla voce che indica i commenti ecc ecc?

      Ad ogni modo, ho provato a seguire le varie guide sul tema, dato che mi piacerebbe proprio ottenere questa soluzione grafica, ma ancora nulla. Seppur modifico l'HTML come qui sopra riportato e disattivo l'ora di pubblicazione da "post sul blog" non cambia proprio nulla.

      Ovviamente, scusami se ho frainteso.

      Elimina
    2. Non posso testare ma andando su Layout > Post del blog > Modifica si può mettere o meno la spunta per mostrare la data in fondo al post per poi magari inserirla dove ci pare. Ci vogliono però dei test
      @#

      Elimina
    3. Ricordando come ho fatto solo pochi giorni fa, non sono un esperto, quindi, spesso non so dove mettere le mani. Ad ogni modo, il problema è proprio questo, cioè, ho fatto come mi hai scritto nel commento sopra, ma la data appare o scompare comunque. Ora, seguendo quanto riportato nella guida, io ho questo codice (lo incollo alla fine), che mi fa apparire sì, l'ora di pubblicazione accanto alla data, ma anche "in fondo", vicino ai commenti:

      < h2 class = ' date - header ' > < span > < data : post . date Header / > < / span > < b : if cond = ' data : top . showTimestamp ' >
      & lt ; span style = & quot ; color : # 2288bb&quot ; & gt ;ALLE ORE </span>

      Mi sai dire qualcosa?

      Elimina
    4. Ti avevo detto di testare nel commento 4.b e sembra che il test abbia dato esito negativo cioè le date seppure in diversa posizione hanno lo stesso id o la stessa classe quindi se la nascondi in un posto la nascondi anche nel'altro. La soluzione è quella di togliere tutto il codice della data dal footer ma è cosa ad alto rischio. Prova con questo
      http://www.ideepercomputeredinternet.com/2011/06/come-spostare-la-posizione-della-data-e.html
      Si tratta però di un post vecchio
      @#

      Elimina
  5. Giustamente lo avevi scritto anche all'inizio dell'articolo. Porta pazienza. Ora ho capito. Grazie

    RispondiElimina
  6. @Stefano
    Guarda che a me i commenti fanno sempre piacere :)

    RispondiElimina
  7. Buonasera parsifal, è sempre un piacere leggere le tue info.

    A proposito di commenti, ho notato che superati i 200 commenti blogger trasferisce i successivi commenti in altra pagina generando fastidii enormi.
    Ti chiedo, sperando di non essere "off topic", è possibile inserire di default magari sotto "commenti" anche il link "commenti pagina 2" che ha, prendendo come esempio il titolo di questo post indirizzo:
    http://www.ideepercomputeredinternet.com/2011/02/aggiungere-ora-di-pubblicazione-alla.html?commentPage=2

    Spero di essere stato chiaro e di non essere uscito troppo fuori tema.

    grazie mille

    RispondiElimina
  8. @Francescomisc
    Onestamente non lo so. Chiederò a un mio amico blogger francese che ha già pubblicato qualcosa su questo tema. Ciao

    RispondiElimina
  9. @francescomisc
    Non credo si possa far qualcosa. Vedo che anche Soufiane non ha risolto
    http://www.leblogger.com/2010/02/pagination-commentaire-blogger-200-page.html
    però si creano dei link automatici alla fine del post
    http://www.leblogger.com/2009/11/google-wave-invitation-100-gratuit.html
    In francese è Suivant, in italiano probabilmente apparirà un'altra espressione.
    Ciao

    RispondiElimina
  10. grazie ancora parsifal

    io momentaneamente ho messo alla fine del post il link "commenti over 200".
    Spero di trovare qualcosa di meglio, se riesco te lo comunico.

    un abbraccio

    RispondiElimina
  11. Ho provato entrambe le modalità ma in seguito al salvataggio del modello non visualizzo l'ora nè all'interno dei singoli post che nell'home page...ho provato ad inserirla sia prima che dopo /h2 ottenendo lo stesso risultato :(

    RispondiElimina
  12. @Webmaster
    Forse nel tuo modello è presente già una personalizzazione in quella zona del template che è incompatibile con questa. Per esempio ho visto che lo è con il mostrare la data in tutti i post

    RispondiElimina
  13. Infatti, ho provato ad abilitare l'impostazione della data in tutti i post e funziona, però a me interesserebbe visualizzare entrambe le cose in tutti i post altrimenti sarebbe meglio come da default..credi che non mi sia possibile?

    RispondiElimina
  14. @Webmaster
    Prova, non si può dire in anticipo

    RispondiElimina
  15. Provato e non va... :(

    L'orario non vuole proprio venir fuori...

    RispondiElimina
  16. E se invece io volessi togliere la data??Tipo 21 giugno?? ..nel mio blog www.scaricatutto.com appare la data,e non mi piace,vorrei toglierla..come posso fare??

    RispondiElimina
  17. @solofilm
    Questa operazione si può fare molto semplicemente andando su Design > Elementi pagina > Post sul blog > Modifica e togliendo la spunta alla data. Per più informazioni leggi
    http://www.ideepercomputeredinternet.com/2010/12/impostazioni-per-configurare-il-post-su.html

    RispondiElimina
  18. ciao ho scaricato questo template e piano piano lo sto adattando e modificando, ma non riesco proprio a risolvere il problema della data, non viene visualizzata ma escono queste scritte al posto della data
    "undefined
    undefined
    undefined"
    c'è qualche soluzione?
    ti linko il blog di prova
    http://dittapaolotest.blogspot.com/

    RispondiElimina
  19. @DittaPaoloScanu
    La cosa migliore è rivolgersi all'autore del template.

    RispondiElimina
  20. Ho risolto, pensandoci bene la maggior parte se non tutti i template sono fatti da americani dunque il loro formato di data è diverso dal nostro. mi è bastato modificare semplicemente il formato ed ora funziona tutto;)
    grazie per la risposta

    RispondiElimina
  21. ciao Parsifal, non posto il link del blog per non creare dei problemi ma la data non viene visualizzata, sai per caso quale potrebbe essere il problema?
    Grazie

    RispondiElimina
  22. Scusa, dimenticavo, il template è questo (è di FinalSense):
    http://www.finalsense.com/templates/blogger-templates/architecture/nature-by-wood/

    RispondiElimina
  23. @Hugo
    Essendo un template in lingua inglese prova a settare nelle impostazioni della data quelle tipiche americane tipo Dicembre 19 2011; prova anche con l'ora usando lo stesso stile (a.m e p.m.)

    RispondiElimina
  24. Ciao! Volevo chiederti un consiglio..Nel mio blog la data (che compare solo nei commenti ai post) risulta sabagliata..Credo sia impostata su un fuso orario diverso, nonostante nella formattazione delle impostazioni generali di blogger abbia selezionato il fuso orario di Roma. C'è qualcosa che posso fare per non far passare me e le mie lettrici per delle insonni che commentano alle 4 di notte? :D Grazie!

    RispondiElimina
  25. Il template è questo: http://www.premiumbloggertemplates.com/2011/11/fantastico-blogger-template.html

    RispondiElimina
  26. @Sunny Makeup
    Non dipende dal template ma dalla nuova funzione dei commenti di Blogger che per adesso ha messo il fuso orario della Costa USA del Pacifico. Dovrebbe risolversi da solo

    RispondiElimina
  27. @Sunny Makeup
    Come vedi anche lo stile è anglosassone con il nome del mese in inglese e AM o PM

    RispondiElimina
  28. Se invece volessi far visualizzare la data sopra ogni post (ad esempio quando pubblico due post nello stesso giorno la data si vede solo al primo e non al secondo, io vorrei che si vedesse ad ognuno) come potrei fare?

    RispondiElimina
    Risposte
    1. @ Giuseppe
      Leggi qui
      http://www.ideepercomputeredinternet.com/2011/01/come-visualizzare-la-data-in-tutti-i.html
      E' un po' vecchio come post ma dovrebbe funzionare ancora.

      Elimina

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