Giustificare automaticamente tutti i post su Blogger

La giustificazione del testo contribuisce a dare maggiore armonia al corpo di una pagina riducendo gli spazi vuoti. In genere, un testo “graficamente uniforme e gradevole” risulta più fruibile per il  lettore, ecco perchè vi si ricorre sempre nell’ambito della tipografia (libri e giornali stampati).

Ultimamente ho suggerito alcune dritte per aumentare la leggibilità di un articolo ed è stato sollevato il problema di come sia possibile giustificare in automatico tutti i post presenti, passati e futuri su Blogger (in realtà, Vinnie me lo chiede già da mesi… eccomi qui a farmi perdonare!).

Devo dire che in genere curo attentamente ogni singolo post quindi l’idea di fare una modifica a tutti gli articoli indiscriminatamente non incontra il mio favore, ma il mio è un caso particolare (riporto spesso righe di codice che giustificate diventerebbero incomprensibili) e in altri contesti potrebbe fare il suo colpo d’occhio. Potete provarlo e se non vi va bene per toglierlo basterà cancellare le righe aggiunte.

Presenterò la modifica sia per chi utilizza il nuovo designer di modelli che per chi ha un modello precedente.

Codice CSS per la giustificazione automatica del testo degli articoli

Quanto sto per scrivere vale solo per Blogger, il codice può essere riadattato per altre piattaforme ma lascio questo compito a chi vorrà cimentarsi e spero che in caso di successo venga a informarci sul procedimento per farlo.

Per Blogger, il codice CSS per  giustificare automaticamente il testo di tutti gli articoli è il seguente:

.post-body
{
    text-align:justify;
}

Questo codice giustificherà il testo se non è indicato qualche altro allineamento, rispettando quindi eventuali scelte fatte di proposito al momento della pubblicazione. Se invece volete forzare la giustificazione a tutti i costi (potrà servirvi se usate Windows Live Writer) il codice da usare è questo:

.post-body
{
    text-align:justify;!important
}

Applicare la modifica col nuovo designer di layout

Nel nuovo designer di modelli, andate in Avanzato->Aggiungi CSS:

e incollate il codice che avete scelto:

A questo punto cliccate su “Applica al blog” in alto a destra ed è fatta.

Applicare la modifica intervenendo sul codice HTML del template

Se state usando un vecchio template di Blogger, andate in Design->Modifica HTML, selezionate la casella “Espandi i modelli widget” e cercate questa riga di codice (CTRL+F de browser):

]]></b:skin>

Subito sopra, incollate il codice che avete scelto:

Salvate le modifiche e visualizzate il vostro blog per vedere il risultato.

Se non funziona?

Nei casi che ho provato io ha funzionato sempre, ma prevenire è meglio che curare. Se proprio non vuole andare aggiungete al codice già inserito le seguenti righe:

.post-body P
{
    text-align:justify;!important
}

.post-body DIV
{
    text-align:justify;!important
}

Salvate le modifiche e dovrebbe andare tutto liscio, se la matematica non è un’opinione (risata generale).

Se applicate questa modifica, fatemi sapere come vi trovate!

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!