Numerazione di Commenti e Risposte in Blogger.

Dopo un primo articolo di assaggio sulla numerazione dei nuovi commenti nidificati di Blogger, sono riuscito a trovare la soluzione definitiva. Devo dire in modo anche piuttosto brillante scusandomi per l'immodestia. Il meccanismo che avevo presentato aveva infatti la controindicazione di non assegnare un numero univoco ai commenti perché un utente poteva sempre rispondere a un commento che non fosse l'ultimo e questo avrebbe aumentato di uno il numero di tutti i commenti successivi. Come avevo già detto non si tratta di numerare i commenti ma le discussioni che sorgono in calce a un post.

Possiamo dire che ci sono dei commenti padre (madre) che possono essere solitari e dei commenti figlio/a che sono formati dalle risposte a un singolo commento padre. Bisogna trovare un sistema di numerazione per i commenti padre, che poi sono le discussioni o thread, associato a un altro sistema di numerazione per le risposte associate. Non mi dilungo in disquisizione tecniche e passo subito alla presentazione della personalizzazione. Si va su Modello > Backup/Ripristino e si salva il modello completo per un eventuale backup di sicurezza. Si torna su Modello > Modifica HTML > Procedi e si cerca, mediante F3 o Ctrl+F, la riga ]]></b:skin> quindi, immediatamente sopra, si incolla il codice seguente

.comment-thread ol {
counter-reset: contatore-discussioni;
}
.comment-thread li:before {
content: counter(contatore-discussioni,decimal);
counter-increment: contatore-discussioni;
font-size: 26px; /* Dimensioni del numero*/
color: #1B93C1 !important; /* Colore del numero */
font-family: Century Gothic,Lucida Grande,Arial,Helvetica,Sans-Serif,Trebuchet MS; /* Tipo di Font */
font-weight: bold; /* Grassetto */
font-style: italic; /* Corsivo */
text-align: center;
float:right;
margin-right:45px;
margin-left:15px;
margin-top:-6px;
}
.comment-thread ol ol {
counter-reset: numero-risposte;
}
.comment-thread li li:before {
content: counter(contatore-discussioni,decimal) "." counter(numero-risposte,lower-latin);
counter-increment: numero-risposte;
font-size: 24px; /* Dimensioni della lettera */
color: #1B93C1 !important; /* Colore della lettera */
font-family: Century Gothic,Lucida Grande,Arial,Helvetica,Sans-Serif,Trebuchet MS; /* Tipo di Font */
font-weight: bold; /* Grassetto */
font-style: italic; /* Corsivo */
text-align: center;
float:right;
margin-right:45px;
margin-left:15px;
margin-top:-6px;
}

Invece della pseudo-classe blockquote:after è stata usata l'altra pseudo-classe li:before associata non più ai commenti (comments) ma alle discussioni (thread), al loro elenco complessivo <ol> e anche al singolo elemento <li> . Accanto ai parametri ci sono i commenti colorati di verde che indicano a cosa si riferiscono. I due contatori sono stati chiamati contatore-discussioni e numero risposte per rendere semanticamente coerente il loro significato.

I valori colorati di rosso possono essere personalizzati a piacere in funzione del layout e dei colori del nostro blog. Particolare attenzione va posta ai due codici

margin-right:45px;
margin-left:15px;
margin-top:-6px;

che individuano la posizione del contatore delle discussione e del contatore dei commenti. Questi valori possono essere modificati ma dobbiamo mantenerli identici nei due blocchi per fare in modo che il numero e la lettera si visualizzano uno accanto all'altro. I due contatori genereranno per esempio valori come 4.c dove il numero 4 rappresenta la quarta discussione e la lettera c la terza risposta a quel quarto commento. Forse uno screenshot può essere più esplicativo

Come vedete i commenti padre avranno un numero naturale progressivo mentre le risposte saranno individuate dall'alfabeto latino. Tra i due contatori è stato inserito un punto mediante questa espressione "." . Al posto del punto si può mettere un trattino ( - ) oppure un altro simbolo ( | ). Se si vuole una numerazione solo formata da numeri, per esempio con 3.4 che indichi la quarta risposta al terzo commento padre, basta sostituire lower-latin con decimal. Ho già parlato un'altra volta degli stili degli elenchi ma forse è il caso di riproporli 

1. decimal: sistema decimale 1, 2, 3, ecc
2. decimal-leading-zero: sistema decimale ma a due cifre: 01, 02, 03, ...  
3. ower-roman: cifre romane in minuscolo. i, ii, iii, iv, ...
4. upper-roman: cifre romane in maiuscolo. I, II, III, IV, ...
5. lower-latin: lettere latine minuscole a, b, c, …
6. upper-latin: lettere latine maiuscole A, B, C …
7. upper-alpha: lettere maiuscole. A, B, C, ...
8. lower-alpha: lettere minuscole. a, b, c, ...
9. lower-greek: lettere greche minuscole α, β, γ
10. upper-greek: lettere greche maiuscole Α, Β, Γ, Δ, …

Si sceglie il tipo di caratteri da visualizzare e si sostituisce il suo nome rispettivamente a decimal e lower-latin che sono stati scelti di default. Ovviamente va salvato il modello e poi verificare che la personalizzazione della doppia numerazione di discussioni e risposte funzioni correttamente. Le risposte ai commenti incrementeranno solo il secondo contatore ma lasceranno invariato il primo. In questo modo ciascun contributo dei lettori sarà associato in  modo univoco al contatore in modo da poterlo citare nei commenti successivi.