Pubblicato il 28/08/11 - aggiornato il  | 15 commenti :

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

espressioni-di-default-di-blogger

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 

disponi-elementi-footer-blogger

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.



15 commenti :

  1. scusa sai che parte di codice devo modificare, per staccare il footer dalla pagina come l'header : http://my-coloryourlife.blogspot.com/

    RispondiElimina
  2. @Manager
    Staccare il foooter? Vuoi dire aumentare lo spazio? Dovresti trovare il CSS relativo e mettere un margin-bottom stavolta positivo.

    RispondiElimina
  3. mi potresti dire dove aggiungerlo che non riesco a collocarlo nel template.

    RispondiElimina
  4. La cosa non è semplice perché non si tratta di un widget ma di una sezione

    RispondiElimina
  5. Ciao, e grazie mille per tutti i consigli utilissimi:-)

    Io non riesco a modificare le etichette. Con la vecchia interfaccia di Blogger avevo (non mi ricordo nemmeno come) inserito le etichette sotto il titolo del post ora le vorrei invece nel footer ma non riesco ad effettuare la modifica. Attraverso il modulo layout sul post mi appare la finestra, sposto le etichette in basso e salvo e poi quando vado a visualizzare il blog non è cambiato nulla. Ho provato svariate volte anche ad inserire il gradimento del post ma sempre senza successo.

    Seguendo le tue indicazioni ho provato a modificare il codice in html ma non ho nessuno delle sezioni che tu hai riportato. Mi sono letta pian piano 3 volte tutto il codice e non c'è traccia della sezione 'labels'. I valori sono diversi e non essendo esperta so che anche una virgola fa la differenza dunque non metto mano. Ciò che non capisco è che ho il modello simple dunque nulla di particolare.

    Già l'altro giorno avevo notato però una cosa strana, tramite linkwithin volevo passare dalla visualizzazione di 3 post vecchi a 5. Ho inserito più volte il nuovo codice generato ma sempre 3 rimangono.

    In poche parole è come se avessi la parte del corpo post del blog bloccata alla modifiche.

    Scusami se sono stata prolissa ma era per spiegarti la situazione:-)

    grazie in anticipo

    RispondiElimina
    Risposte
    1. @SecondoLucy
      LinkWithin non c'entra nulla. Anch'io avevo provato a passare da tre a 5 miniature senza successo. Fa un po' come gli pare. Per il widget delle Etichette non so se hai provato così. Elimina il widget delle etichette dalla posizione in cui si trova adesso. Clicca su Salva disposizione. Torni su Layout > Aggiungi un gadget e clicchi su quello che si trova nel footer quindi scegli Etichette e lo configuri.

      Elimina
    2. Grazie mille. Purtroppo non funziona. Ogni modifica che faccio da Layout > Post sul blog > Configura post sul blog non viene attivata. Dal modulo le etichette figurano in basso al post e la modifica si salva ma nei fatti quando si va a visualizzare il blog la modifica non è avvenuta. Ho provato anche a toglierle ma nulla.
      Pazienza mi dovrò arrendere:-)

      Grazie mille ancora per la disponibilità:-)

      Elimina
  6. Ciao, grazie e complimenti!
    Desidero sapere una cosa, si può modificare la visualizzazione grafica della data dei post, per esempio come nei modelli dinamici?

    RispondiElimina
    Risposte
    1. @ I modelli a Visualizzazione Dinamica hanno diversi layout. Non so se qualcuno ha provato a modificare il posizionamento della data secondo quello stile

      Elimina
    2. Quindi credo non ci sia modo di modificare la posizione e la grafica della data ?

      Elimina
    3. @ Non lo so, prova a cercare in rete. Non posso escludere che qualche blogger magari di lingua inglese non abbia provato a fare proprio questa personalizzazione che ti interessa

      Elimina
  7. Ciao Ernesto, scusa se riesumo questo post ma sto modificando il footer e mi chiedevo se è possibile personalizzare la scritta commenti non solo in termini di grandezza. Mi piacerebbe cambiare il font e aggiungere anche una piccola icona, credi sia fattibile? Grazie in anticipo ;)

    RispondiElimina
    Risposte
    1. Leggi questo post che può risultarti utile
      http://www.ideepercomputeredinternet.com/2012/01/come-modificare-e-personalizzare-il.html
      Le classi di stile da allora possono essere cambiate perché sono stati introdotti i commenti nidificati ma il procedimento credo sia ancora valido
      @#

      Elimina
    2. grazie mille! ci provo e poi ti dico, così magari hai un feedback ;)

      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