Pubblicato il 02/06/14e aggiornato il

Come personalizzare la scritta Commenti nei post e nella Home di Blogger.

Come rendere più evidenti le scritte con il numero dei commenti nella Homepage e nei post di Blogger.
In calce ai post di Blogger si visualizza una  scritta con il numero dei commenti che ha ricevuto l'articolo che è dello stesso colore dei font del corpo del post. Cliccandoci sopra si apre la pagina dell'articolo proprio nella sezione dei commenti. Per esaltare questa sezione si può modificare l'aspetto della espressione X Commenti usando un altro colore, un altro font o un'altra dimensione dei caratteri.

Si tratta di trovare il selettore per quel particolare elemento e applicare una adeguata regola CSS per cambiare colore o altri parametri come mostrato nel seguente screenshot


commenti-blogger

Si va su Modello > Modifica HTML e si cerca la riga ]]></b:skin> con Ctrl+F quindi subito sopra a questa si incolla questo codice personalizzabile

div#comments.comments h4 {color:#f00; font-weight:bold; font-size:28px;}

in cui è stato modificato il colore, inserito il grassetto e modificato la dimensione del font. Oltre a cambiare questi parametri si possono anche aggiungerne altri come per esempio un colore di sfondo o un'altra famiglia di caratteri.

INGRANDIRE LA SCRITTA COMMENTI IN HOME

Nel footer dei post presenti in home è presente anche il link ai commenti ricevuti dallo stesso. Tale link è in genere piuttosto piccolo e in taluni modelli si sente l'esigenza di renderlo più evidente
commenti-homepage
Come al solito si va su Modello > Modifica HTML, si cerca la riga ]]></b:skin> e, subito sopra, si incolla un codice completamente personalizzabile
.comment-link {
font-size:150%;
color:#F00 !important;
font-weight:bold;
}

dove si aumenta del 150% la dimensione dei caratteri e si modifica il codice dei colori. Il nuovo aspetto della espressione con il numero dei colori si visualizzerà nello stesso modo anche nelle pagine delle Etichette e in quelle di Archivio. I meno esperti che volessero approfondire questo tema e che volessero aggiungere altre opzioni consiglio di leggere il mio ebook gratuito Guida all'HTML e al CSS.




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.