Blogging // Come centrare il post footer su Blogger

Leggendo SillyGrrl ho imparato qualcosa di nuovo e vorrei condividerlo con voi, pensando che potrebbe tornarvi utile per il vostro blog.

Come sapete il "post footer" è il piè di pagina del post ovvero la parte che troviamo subito sotto ogni nostro post in cui di solito compaiono i commenti, i tag, il nome dell'autore e i pulsanti per la condivisione.
Se volete che questa parte rimanga centrata sotto il post dovrete cercare la sequente parte di codice all'interno del codice HTML del vostro blog e andare ad aggiungervi la parte evidenziata. 

.post-footer {
text-align: center;
font-family: ‘Port Lligat Sans’, sans-serif;
font-size: 18px;
padding-top: 5px;
padding-left: 0px;
padding-bottom: 2px;
border-bottom: 1px solid #c7c5c5;
}

Se per caso nel vostro codice HTML non è presente il precedente codice potete comunque andare a centrare il post footer semplicemente aggiungendo questo pezzo di codice: 

.post-footer {
text-align: center;
}

Ovviamente prima di procedere con le modifiche è sempre meglio salvare il modello che state utilizzando e per precauzione controllate sempre che le modifiche al codice HTML siano riuscite attraverso l'anteprima.

7 commenti:

  1. Eccomi di nuovo.
    Vorrei provare a fare anche questo, così come tutte quelle operazioni che toccano il codice html, ma mi spaventa un po' perché non credo di aver capito come fare.

    Devo andare su Modello e poi Modifica HTML, giusto?
    E poi, una volta lì, come mi muovo?

    Scusa la seccatura, ma ormai sono partita... ^_^

    RispondiElimina
    Risposte
    1. Figurati!! Mi fa piacere esserti stata d'ispirazione! :D

      Si, devi andare a modificare il codice HTML: devi trovare la striscia .post-footer { (con la ricerca veloce ctrl + F fai prima) e andare ad incollarci sotto la linea di codice evidenziata.
      Spero che questo tutorial funzioni, perché in alcuni casi per qualche motivo a me ignoto Blogger si rifiuta di posizionare le cose bene al centro... In ogni caso tu prova, poi guarda l'anteprima e se non ti piace il risultato non salvare così le cose rimarranno come sono.

      Elimina
    2. Beh, a distanza di mesi, finalmente ce l'ho fatta! ^_^
      Grazie mille!

      (Probabilmente allora c'era qualcosa che non andava, bah!)

      Elimina
  2. Ok, ho capito come fare ora, grazie!
    Però quando digito la striscia accanto appare 0 di 0 in rosso, forse c'è qualche problema, boh!
    Riproverò!

    RispondiElimina
    Risposte
    1. Devo ammettere che non ho ben capito quale sia il problema... Sei poi riuscita a risolvere?

      Elimina
  3. Grazie carissima, mi hai tolto da un brutto guaio! ;-)

    RispondiElimina

Un penny per i tuoi pensieri!
xoxo