Colocar Numeração nos Comentários do Blogger

Como mostrar a numeração dos comentários do Blogger, inclusive a numeração nas respostas dos comentários. Isso pode deixar mais organizado os comentários de posts com muitos comentários e, além disso, é muito fácil de adicionar esse recurso ao seu blog.

Mostrar Numeração nos Comentários do Blog

Vamos começar entrando na Pagina Modelo > Personalizar > Avançado > Adicionar CSS (veja aqui: Como Inserir Códigos no Blogger). Então coloque o código abaixo e clique para aplicar ao blog.

.comments ol {counter-reset: trackit;}
.comments ol li {counter-increment: trackit;}
.comments ol li:before {
content: counters(trackit, ".");
font-size: 20pt;
color: #ccc;
right: 0.3em;
position: absolute;
padding: .2em 0 0 0;
text-shadow:1px 1px 1px white}
.comment .comment-content{max-width:85%;}

Como você pode ver isso é apenas um código CSS normal, ou seja, você pode formatar essa numeração dos comentários como quiser alterando, por exemplo, o tamanho e cor dos números (Código das Cores) alterando as linhas:

font-size: 20pt;
color: #ccc;

Veja aqui outras dicas de formatação usando CSS e comentários do blog:
Como Formatar Texto do Blog: Mudar Cor, Tamanho e Tipo das Letras
Palavra (letras) de Verificação e Moderação de Comentários

Testamos esse código em templates padrão do Blogger então talvez se você baixou algum Template Pronto para Blogger o código não funcione corretamente, mas vale à pena fazer o teste afinal para colocar a numeração dos comentários é muito simples e rápido de fazer.

Se quiser ver o código em funcionamento deixe um comentário de teste e verá na pratica como ficará em seu blog.