Come modificare gli elementi del footer di Blogger.

Se si va su Layout > Post sul blog > Modifica possiamo scegliere gli elementi dell'articolo che vogliamo visualizzare e quelli che invece vogliamo nascondere. Questa configurazione del post riguarda  la parte generale come il numero degli articoli per pagina e il testo da visualizzare nel Read More, la parte alta per mostrare o meno la data ma soprattutto la parte bassa del footer con tutte le opzioni che servono per decidere se visualizzare i singoli elementi.

Si tratta del testo da sostituire a Pubblicato da, della data e dell'ora, delle Etichette, del Quick Edit, dei Link a ritroso, delle Reazioni e dei pulsanti ufficiali per la condivisione di Blogger. In alcuni modelli personalizzati queste opzioni di configurazione spesso non funzionano quando si decide di voler nascondere un elemento. D'altra parte con questo strumento non possiamo modificare nulla per quello che riguarda l'allineamento, i colori o le dimensioni di un singolo elemento.

Vediamo nel dettaglio quali sono le classi di stile relative ai componenti principale del footer. L'espressione di Pubblicato da ha l'aspetto determinato dal CSS .post-author . Se per esempio volessimo modificare questo elemento dovremo andare su Layout > Modifica HTML > Procedi, cercare la riga ]]></b:skin> e incollare subito sopra questo codice

.post-author {
font-size:120%;
color:#003366 !important;
font-weight:bold;
}

per avere un effetto simile a questo

Ovviamente i parametri possono essere scelti a piacere e possono essere inserite anche altre righe di codice prima della parentesi graffa finale. Se si decidesse di nascondere questo elemento si dovrebbe incollare, sempre sopra alla stessa riga ]]></b:skin>, il codice

.post-author {
display:none;
}

Passiamo a analizzare il numero e la scritta commenti. In questo caso la classe di stile coinvolta è .comment-link e un codice per modificare e rendere più evidente la presenza di commenti in un post anche in homepage potrebbe essere il seguente

.comment-link {
font-size:150%;
color:#003366 !important;
font-weight:bold;
}

per avere un effetto di questo genere

Anche in questo caso si possono personalizzare i parametri ed è possibile aggiungere altre righe. Se si vuole nascondere questo elemento basta incollare sopra alla stessa riga il codice

.comment-link {
display:none;
}

Passiamo alla personalizzazione delle Etichette. Per non mostrarle basta incollare questo codice

.post-labels {
display:none;
}

Se invece si vogliono renderle più visibili aumentandone la dimensione e modificandone il colore dei caratteri, si incolla un codice come il seguente sempre alla fine della sezione dei CSS

.post-labels {
font-size:150%;
color:#003366;
font-weight:bold;
}

per ottenere un effetto simile a questo

Vediamo come si possa trattare gli elementi del footer come un tutt'uno per esempio per centrarli

Il codice da incollare in questo caso è

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

Quando si tolgono i pulsanti ufficiali di condivisione di Blogger non è raro che rimanga quello di Google Plus. Concludo mostrando come si possa eliminare il pulsante di condivisione di Google Plus. Si va su Modello > Modifica HTML > Procedi e si espandono i modelli widget. Pigiando su F3 o su Ctrl+F si cerca la riga di codice 

 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> 

che è quella che mostra il bottone di Google Plus. La si modifica in questo modo

<!-- <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> -->

In sostanza si fa diventare un commento. Questo serve per eventualmente ripristinare il bottone in un secondo momento

Si salva il modello e non sarà più visibile il relativo bottone di condivisione

Un lavoro analogo può essere fatti per tutti gli altri bottoni ufficiali di condivisione il cui codice si trova immediatamente sopra a quello di Google Plus.