Come separare i commenti nei blog su Blogger con bordi o immagini.

Dopo aver presentato la personalizzazione su come inserire i commenti dell'autore del blog in un rettangolo colorato ecco un altro trucco per rendere più vivace quell'area dei siti su piattaforma Blogger. L'obiettivo è quello di inserire un separatore tra commento e commento. Cominciamo con applicare un semplice bordo tra ognuno di essi. Andiamo su Design > Modifica HTML e cerchiamo la riga ]]></b:skin> quindi, immediatamente sopra, incolliamo questo codice

#comments-block .comment-footer {
border-bottom:3px double #940F04; /* Bordo dei commenti */
}

Le parti in rosso possono essere personalizzate e riguardano lo stile del bordo e il suo colore. I commenti saranno divisi tra loro da una linea orizzontale

Se nei commenti del blog non è presente la data e l'ora in cui sono stati postati e noi le vogliamo visualizzare, possiamo inserire insieme al precedente, nella stessa posizione, anche quest'altro codice

.comment-timestamp { /* Data dei Commenti */
font-style:italic;
font-size:10px;
}

dove al posto di italic (corsivo) possiamo mettere bold (grassetto) o normal. Un passo ulteriore potrebbe essere quello di inserire una immagine orizzontale al posto di una linea come metodo di divisione. Mi rifaccio a un precedente articolo in cui ho trattato l'inserimento di un separatore tra gli articoli. Occorrerà inserire un codice come questo

#comments-block .comment-footer {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkl2wB7MC1d-LaXqVK-AVEfdBLmRVrIiE7Ts5domwuLXfmr7av4nvUZzuAgGLFUCrHlKpf7hEaG3fAPl-kkDWeYf2bHABPs_BvlUi57mJlbe1rAExNhYUDRoh8XjEsCjJVGCFTbWKa_Omi/s1600/bloodrose.gif);
background-repeat:no-repeat;
background-position:bottom center;
height:50px;
}

dove l'URL della immagine, che può anche essere animata in formato GIF, deve essere acquisito da un hosting quale Picasa sul quale la abbiamo precedentemente caricata. Il dato dell'altezza può essere calibrato a seconda delle esigenze del nostro layout. Va da sé che anche questa personalizzazione può essere opzionalmente completata con l'inserimento della data e dell'ora di pubblicazione del commento secondo le modalità illustrate precedentemente.