Pubblicato il 04/10/10 - aggiornato il  | 16 commenti :

Come nascondere la data degli articoli o metterla al centro del layout su Blogger.

Mi è stato chiesto come fanno alcuni webmaster a non mostrare la data in cui sono stati pubblicati i loro articoli. La cosa in effetti non è difficile da fare però, mi chiedo, quale utilità possa avere e in quali casi potrebbe risultare utile. In fondo evidenziare il giorno, mese e anno in cui si è pubblicato un post dà ulteriori informazioni al lettore sulla freschezza o meno del contenuto.

Questa personalizzazione la ritengo interessante solo per quei blog quasi statici, con pochi contenuti, che vogliono dare una parvenza di attualità al navigatore non mostrandogli la data di pubblicazione. Ho testato questo procedimento sul mio blog di prova. I titoli degli articoli si presentavano in questo modo

data-del-post

Il blocco di codice che sovrintende allo stile della data inizia con la riga

h2.date-header {

in ogni caso deve essere presente la dicitura date-header. Andando su Design > Modifica HTML ho trovato questo blocco di codice che chiaramente varierà anche di molto da modello a modello

h2.date-header {
  border-bottom:none;
  font-size: 130%;
  text-align:$startSide;
  margin-top:20px;
  margin-bottom:14px;
  padding:1px;
  padding-$startSide:17px;
  color: $dateHeaderColor;
  font-weight: normal;
  font-family: Trebuchet MS, Verdana, Sans-serif;
}

Per non visualizzare la data negli articoli basta incollare la riga evidenziata di rosso

h2.date-header {
  visibility:hidden;
  border-bottom:none;
  font-size: 130%;
  text-align:$startSide;
  margin-top:20px;
  margin-bottom:14px;
  padding:1px;
  padding-$startSide:17px;
  color: $dateHeaderColor;
  font-weight: normal;
  font-family: Trebuchet MS, Verdana, Sans-serif;
}

e salvare il modello. Ecco come appariranno gli articoli

articoli-senza-data

Si può naturalmente ritornare sui nostri passi semplicemente cancellando la riga visibility:hidden; che si è aggiunta nel CSS. Non mi sto troppo a dilungare su come personalizzare la data. Se la si vuole evidenziare maggiormente, si può inserirla al centro del layout modificando il codice per esempio in questo modo

h2.date-header {
  text-align:center;
  border-bottom:none; 
  font-size: 130%; 
  margin-top:20px;
  margin-bottom:14px; 
  color: $dateHeaderColor;
  font-weight: bold;
  font-family: Trebuchet MS, Verdana, Sans-serif;
}

in cui è stata aggiunta la riga text-align:center; e sono state eliminate quelle che ne fissavano la posizione in precedenza cioè

text-align:$startSide;
margin-top:20px;
margin-bottom:14px;
padding:1px;
padding-$startSide:17px;

Ho anche inserito il grassetto (bold al posto di normal). Ecco come appaiono in questo caso i post

data-centrata

C'è anche la possibilità di centrare il titolo del post come ho già accennato in precedenza.

 



16 commenti :

  1. Tim Ferriss sostiene che la presenza della data fa sì che i post diventino subito obsoleti, e anch'io sono della stessa idea.
    ciao

    RispondiElimina
  2. @Miss D.
    Tim Ferris è una celebrità del web ma non è la Bibbia. Personalmente credo che dipenda dal tipo di argomenti trattati. Se sono legati alla contingenza temporale, anche se si toglie la data, invecchiano comunque. Sono gli stessi motori di ricerca che dopo un po' gli ignorano e i lettori se ne accorgono subito che si tratta di materiale vecchio.
    Può essere invece utile non mostrare la data di pubblicazione se si hanno contenuti che mantengono una loro validità anche a distanza di mesi se non di anni.
    Ciao

    RispondiElimina
  3. Molto interessante.
    Ma è possibile far apparire la data sopra il titolo in un post?
    C'è qualche codice da aggiungere?

    RispondiElimina
  4. Mi spiego meglio:
    intendo dire, che vorrei far apparire la data sopra il titolo ma sullo sfondo del post, non al di sopra del blocco.
    Inoltre è da tempo che cerco di capire come spostare le eltichette, i commenti e l'autore sotto al titolo e non alla fine del post.
    Sapresti aiutarmi?

    RispondiElimina
  5. @Scarlett
    Spostare i singoli elementi nel layout del blog è cosa piuttosto complessa e che non si può codificare visto che varia da modello a modello. Se sei interessato a questi temi di consiglio di imparare l'HTML o di consultare delle guide online

    RispondiElimina
  6. Ok, grazie lo stesso.
    Credo però di essere riuscita nel mio intento finalmete.

    RispondiElimina
  7. è possibili nascondere la data di un singolo post in particolare e non di tutti?!

    RispondiElimina
  8. @Mario Alan
    In teoria sì. Scopri qual'è il codice della data del post
    http://www.ideepercomputeredinternet.com/2011/06/come-spostare-la-posizione-della-data-e.html
    e inserisci i tag condizionali
    http://www.ideepercomputeredinternet.com/2010/11/come-mostrare-o-non-mostrare-widget-in.html
    per mostrare un widget ovunque escluso che in un post.

    RispondiElimina
  9. come faccio ad individuare il codice della data del post di cui voglio nascondere la data?! quello che mi hai indicato è per individuare un widget...a me serve individuare il codice della data di un singolo post...sempre se è possibile farlo...Grazie!

    RispondiElimina
  10. @Mario Alan
    Scusa ma passi da un argomento all'altro e non ti sto dietro.
    Il codice da inserire sopra </head> è questo

    <b:if cond='data:blog.url == "URL_del_POST"'>
    <style type="text/css">
    h2.date-header {
    visibility:hidden;
    }
    </style>
    </b:if>
    Non l'ho testato ma dovrebbe funzionare

    RispondiElimina
  11. hai ragione...io provo a fare le domande nell'articolo più idoneo a quello che devo chiedere, ma forse ti ho stressato...grazie 1000! FUNZIONA!!

    RispondiElimina
  12. grazie. avevo bisogno di questo codice.

    RispondiElimina
  13. Ciao Ernesto.
    Ho un problema. Ho scaricato un modello di Blogger Responsive Templates tipo "Mgazine" per intenderci. Ovviamente il modello Free limita le sua funzionalità che tutto sommato accetto. Ma ho un problema con la data. Il date-header del modello include il codice display: none. Se tolgo questo codice automaticamente compare la data sul post che posso personalizzare. Finchè tutto va bene. Il problema salta fuori in HomePage dove vengono sparpagliate un sacco di date (pari al numero di post in Home Page) in maniera totalmente disordenata e anarchica. Vorrei togliere queste date della HomePage ma lasciare la data in ogni singolo post.
    Mi puoi dare qualche dritta?
    Grazie

    RispondiElimina
    Risposte
    1. Dovresti interpellare chi ha creato il modello. Per risolvere potresti provare a utilizzare il tag display:none;
      http://www.ideepercomputeredinternet.com/2011/12/come-nascondere-un-elemento-del-blog.html
      applicato ai selettori univoci degli elementi che vuoi nascondere usando i tool Ispeziona Elemento di Chrome
      http://www.ideepercomputeredinternet.com/2015/07/ispeziona-elemento-chrome-selettore-univoco-css-html.html
      o Analizza Elemento di Fifrefox
      http://www.ideepercomputeredinternet.com/2014/12/analizza-elemento-firefox.html
      @#

      Elimina
  14. Grazie mille Ernesto ! Fatto, andata anche questa grazie a questi articoli, ancora validissimi nel 2023.

    RispondiElimina

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