Come cambiare le espressioni nel footer di Blogger e come modificarne la posizione.

Ho già parlato diffusamente di come si possa configurare l'aspetto degli articoli andando su Design > Elementi pagina > Post sul blog > Modifica. Nella finestra che si apre, si possono mettere le flag agli elementi che vogliamo visualizzare e possiamo anche modificare tutte le espressioni che si visualizzano all'interno dei post. Ecco la schermata con quello che propone Blogger di default

Se usiamo dei modelli molto personalizzati, può capitare che risulti impossibile modificare alcune parole tra

• Pubblicato da
• a
• commenti
• Etichette
• Ubicazione

Chi si trovasse in questa spiacevole situazione, può cercare di cambiare le precedenti espressioni direttamente nel modello. Ciascuna di queste è infatti associata un tag che può essere cambiato. Andiamo nel dettaglio. Per modificare il template si va su Design > Modifica HTML e si salva il modello completo per un eventuale backup di ripristino. Nel caso si utilizzi la nuova Bacheca, il percorso è Modello > Modifica HTML modello > Espandi i modelli widget. Occorre quindi trovare il blocco di codice che ci interessa. Ricordo che possono essere usati F3 o Ctrl+F per trovare una singola stringa in modo immediato.

Modificare Pubblicato da

<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
         <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>

Modificare la preposizione a

<span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>

Sostituire la parola etichette

<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>

Sostituire la parola Commenti

<span class='post-comment-link'>
               <b:if cond='data:blog.pageType != &quot;item&quot;'>
                 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                   <b:if cond='data:post.allowComments'>
                     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
<b:else/><data:post.numComments/> <data:top.commentLabelPlural/>
</b:if></a>
                   </b:if>
                 </b:if>
               </b:if>
             </span>

Cambiare la parola Ubicazione

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>

Per modificare le espressioni occorre semplicemente sostituire i tag colorati di viola con le parole che vogliamo visualizzare nel nostro layout. Per esempio se al posto di Pubblicato da vogliamo visualizzare Posted by, sostituiamo <data:top.authorLabel/> con Posted by direttamente nel codice. Per i Commenti ci sono due righe, la prima si riferisce al singolare (commento) e la seconda al plurale (commenti) quindi regolatevi di conseguenza.

Insieme ai blocchi di codice utili per effettuare queste modifiche, ho lasciato anche delle righe che potrebbero sembrare superflue. Si tratta di

<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>

Nella parte più bassa della finestra che si apre andando su Design > Elementi pagina > Post sul blog > Modifica, ci sono tutti i vari componenti del footer che dovrebbero essere spostati attraverso il drag & drop del mouse 

Si tratta della sezione Disponi elementi e anche in questo caso il condizionale è d'obbligo perché, in molti modelli personalizzati, il funzionamento del drag & drop non è assicurato. Le linee precedenti fissano le diverse posizioni dei singoli elementi. Per esempio Pubblicato da si trova sotto alla prima riga mentre Etichette è sotto la seconda. Se si vogliono spostare attraverso la modifica del codice visto che con il mouse non ci si riesce, basta selezionare tutto il blocco, cancellarlo e incollarlo sotto un'altra delle tre righe. Visto che si tratta di una modifica piuttosto delicata ricordatevi sempre di salvare il modello prima di procedere. Concludo osservando che, nel caso in cui alcuni di questi blocchi di codice non fossero presenti, si possono sempre incollare nel template sotto (o anche sopra) a una delle tre righe appena menzionate.