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.
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.
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.
Marcadores: Códigos, Comentários