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.

Colocar Numeração nos Comentários do Blogger

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.

8 comentários :

  1. Funciona perfeitamente! Valeu Fabiano!

    ResponderExcluir
  2. Obrigada!! Funcionou direitinho.

    ResponderExcluir
  3. Amigo Fabiano uma boa noite. Se me poder ajudar agradeço. Na caixa de comentários no meu blog, a minha mensagem aos comentaristas passou para baixo da caixa. Já experimentei muita coisa mas não deu resultado.Aliás consigo passar a mensagem para cima mas deixo de poder responder no meu blog e de se fazer comentários o que não interessa. Se der uma olhada verá o que quero dizer. osbatalhas@gmail.com
    ou http://peregrinoeservoantoniobatalha.blogspot.pt/
    http://antoniobatalhaverdadeempoesia.blogspot.pt/

    Obrigado.

    ResponderExcluir
    Respostas
    1. não sei qual é o código que gerou este problema.

      a mensagem passou pra baixo sozinha? ou você alterou algum código?

      Excluir
  4. Fabiano, é possível colocar um pequeno símbolo de "verificado", quando um autor do Blogger posta um comentário?

    ResponderExcluir
    Respostas
    1. vou pesquisar sobre diferenciar os comentários do autor do blog, mas pelo que vi isso varia muito conforme o template.

      Excluir