Pubblicato il 21/06/11e aggiornato il

Come spostare la posizione della data e dell'ora nei commenti di Blogger.

Nei modelli ufficiali di Blogger la data e l'ora di ciascun commento sono mostrati nella parte bassa accanto all'icona per  la loro cancellazione, visualizzata solo dal proprietario del blog

ora-data-commenti-blogger

Mi è stato chiesto se fosse possibile inserirla più in alto, accanto al nome del commentatore. Questo è utile se per caso si è inserito il link di replica per creare un collegamento a ciascun commento o se si è aggiunto la numerazione dei commenti. Si va come al solito su Design > Modifica HTML e si salva il modello completo per un eventuale backup di ripristino. Dopo aver cliccato su espandi modelli widget si cerca questo codice
<span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
Si tratta del blocco che inserisce la data, l'ora e l'icona per cancellare i commenti. Tale codice va cancellato e incollato subito dopo la riga
<data:commentPostedByMsg/>
che si trova poco sopra. Si visualizzerà quindi un codice simile a questo
 <data:commentPostedByMsg/>
&#160;il&#160; <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
</b:if>

            <dd class='comment-footer'>             
           

dove il codice che è stato spostato è colorato di viola e in cui è stata inserita l'espressione
&#160;il&#160;
Si tratta del semplice articolo "il" insieme a due spazi (&#160;). Può essere utile per dare un senso logico alla frase ha detto … che viene inserita di default da Blogger dopo l'avatar del commentatore. Naturalmente si può tralasciare o sostituirla con un'altra. Si salva il modello.
ora e data commento spostati in alto su Blogger   
Ecco che la data e l'ora del commento sono adesso visualizzati accanto all'avatar del commentatore insieme al pleonastico "il" mentre sono scomparsi dalla parte bassa in cui si trovavano in precedenza. Il blocco di codice in questione può anche essere inserito in un'altra posizione anche se consiglio di farlo con circospezione e prendendo tutte le cautele del caso. 




8 commenti :

  1. Una cosa che dovrebbero fare in blogger è mettere l'opzione nome/url come predefinita.

    RispondiElimina
  2. Sono stata costretta a cambiare il template del blog e, in questo modello, vedo l'avatar della data che non corrisponde ovviamente alla data vera. Sai mica cosa posso fare per corregerlo oppure eliminarlo?
    Grazie.
    Il blog è questo:
    http://lacucinadisusana.blogspot.com

    RispondiElimina
  3. @Susana
    Si vede quel numeretto dodici, credo che tu ti riferisca a quello. Non è una immagine. Può aiutarti questo post
    http://www.ideepercomputeredinternet.com/2011/01/inserire-una-immagine-prima-del-titolo.html
    in ogni caso il codice che individua il titolo del post è questo
    <data:post.title/>
    Nel tuo modello prima di quel codice ci dovrebbe essere un altro codice che individua l'icona, bisognerebbe toglierlo oppure inserire un display:none;
    http://www.ideepercomputeredinternet.com/2011/12/come-nascondere-un-elemento-del-blog.html

    RispondiElimina
  4. C'è un modo per spostare la data da sopra il titolo del post a sotto?
    Ci esco pazza... :(

    RispondiElimina
    Risposte
    1. Non è cosa semplice. Ti posso indicare il codice del titolo del post
      <data:post.title/>
      mentre quello della data è questo
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>

      Elimina
    2. Non importa se è difficile, mi ci districo abbastanza bene, è che ho studiato queste cose 10 anni fa e sono leggermente arrugginita dopo tanto che non ci metto mano. ;P
      Cmq grazie mille, vedo che riesco a tirarci fuori.

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.