Dominio: mundoblogger.com.br
Chave: 6750f38d68212cb9ffc85aee2a0ef61d0ebf4f04
Hora do cache: 1490554592
Vida do cache: 1490813792
Status: 1
Mensagem: Licença válida
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Hospedagem - 728 x 90

Novo Blogger

Como numerar os comentários no novo blogger

Neste tutorial veremos como numerar os comentários no novo blogger. Como vocês já sabem, desde que o blogger lançou o novo sistema de comentários com a opção de respostas(Threaded Comments), todas as configurações feitas anteriormente deixaram de funcionar.
Há um tempo atrás, eu publiquei um tutorial ensinando a numerar os comentários no blogger. Ocorre que, aquele tutorial não se aplica ao novo sistema de comentário.

como numerar os comentários no novo blogger

Sem muito blábláblá, hoje venho apresentar uma alternativa para numerar os comentários no novo sistema do blogger, que na minha opinião é muito mais funcional, além de mais leve.

[becape]Antes de mais nada, você já deve saber que é sempre bom fazer um backup do seu Template para evitar transtornos.[/becape]

como numerar os comentários no novo blogger

No painel do blogger, acesse o menu “modelo“, clique em “editar html” e procure pela tag: ]]></b:skin>
e cole o seguinte código logo ACIMA dela:


/* contador comentarios
------------------------- */
.comments .comments-content {
counter-reset: contadorcomentarios;
overflow: hidden;
position: relative;
width: 100%;
}
.comments .comment-block:before {
color: #C0C0C0; /*--- cor da fonte da numeração do comentario--- */
content: counter(contadorcomentarios, decimal);
counter-increment: contadorcomentarios;
font-family: Helvetica;   /*--tipo da fonte--*/
font-size: 20px; /*--tamanho da fonte--*/
font-weight:bold;
position: absolute;
right:2px;
top: 5px;
}

Salve as modificações.
No código acima, eu identifiquei e destaquei os trechos para que você possa alterá-los conforme preferir.

Caso você tenha personalizado os comentários do seu blog, seguindo o modelo publicado no tutorial Personalizar comentários no novo blogger, você precisará fazer uma pequena alteração no trecho referente a: .comments .comments-content .icon.blog-author.

Veja como:
Acesse o menu "modelo", clique em “editar html” e procure por:


.comments .comments-content .icon.blog-author{
background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
width:18px;
height:18px;
display:inline-block;
margin:0 0 -4px 6px;
float:right;
}


SUBSTITUA o trecho acima, por este:


.comments .comments-content .icon.blog-author{
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
padding: 0  0 0px 2px;
}

Prontinho!
Os comentários no seu blogger já estão numerados.
E então? Gostou do tutorial? :)



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

22 Comentários

  1. Clau,vou tentar colocar no meu blog.
    Tentei comentar na postagem,http://www.mundoblogger.com.br/2011/08/area-dos-posts-dividida-em-colunas.html não consegui comentar,estou comentando aqui coloquei no meu blog,a 1ª postagem fica um pouquinho acima,mas amei o tutorial e estou usando no meu blog.
    Obrigada,valeu!!!

  2. Boa tarde Vanessa!!!
    Mais uma vez, você me ajudou.
    Valeu!!!
    Deus lhe abençoe sempre por compartilhar o que sabe.
    Feliz e Abençoado Dia!!!
    Bjokas…da Bia!!!

  3. Felipe disse:

    Bom Noite 😉
    Bom, vou direto ao assunto…
    Eu tenho um blog ( de downloads ) , ai tipo, eu tenho uma pagina dedicada somente a pedidos de jogos,programas etc etc..
    Bom, como vocês sabem quando chega nos 200 coments ( eu acho q é isso ) , você tem que clika em ”carregar mais”, mais tipo, eu cliko e num aparece nada :/
    as pessoas estão fazendo os pedidos e só da di ver esses pedidos estranho pelo site do blogger…
    Bom eu queria saber se vcs tem como mi dizer, ou passar um link dum tutorial ( caso vcs ja tenham ) de como numerar a pagina, eu sei q da de numerar, pq um parceiro do meu blog tem mais de 200 pedidos tbm, e ele falo q aconteceu a mesma coisa com ele, mais logo no começo do blog, ai ele não acho mais o tutorial explicando :/
    Bom, essa numeração é feita da seguinte forma, aparece a numeração e o nome ”mais recente”….
    Vcs poderiam mi ajudar Por favor….
    Abraços

  4. Boa noite!
    Tenho um blog e nele criei uma PAGINA, na qual gostaria de alterar a ORDEM DOS COMENTARIOS que os leitores postam nela e nas postagens do blog tbm.
    Atualmente, os comentarios mais antigos sao visualizados primeiro e para visualizar os mais recentes, o leitor tem q descer cm a barra de rolagem ate la embaixo. Como sao muitos comentarios, isso cansa.
    Gostaria de inverter esta ordem; que os comentarios mais recentes ficassem encima e fossem vistos primeiros e os mais antigos ficassem embaixo.
    Nao achei tutorial que ensinasse isso pra usuarios do Blogger, somente para WordPress e eu uso Blogger.
    Desde ja agradeço e parabens pelo blog de dicas!

    • jorge lauro disse:

      Reparei que os comentários deste tutorial na estão ordem que eu gostaria que ficassem no meu blog e paginas do meu blog. Mais recentes visualizados primeiro (encima).
      caso tenha a solução, envie-me para meu e-mail tbm. desde ja agradeço a atenção.

  5. Joana Campos disse:

    Deu certo, amei seu tutorial super fácil, e vou divulgar no face ok?

    beijos

  6. Mais uma grande ajuda oferecia pelo seu blog! Incrível como a cada dia vocês se renovam oferecendo conteúdos de ótima qualidade para os usuários!

  7. Oi! obrigada pelos tuto ajuda muitoooo minha vida! funcionou direitinho 😉

  8. Oi Vanessa, usei alguns de seus tutoriais em meu blog e funcionaram
    muito bem. Eu queria adicionar uma imagem atras do número do contador de comentários tem jeito?
    Obrigada.

  9. Roberta disse:

    Funcionou muito bem. Usei o tuto de responder comentários e de personalizar e depois de numerar. Todos funcionaram perfeitamente.
    Estou bem feliz pois era tudo o que eu precisava.

    Muito grata , Você é demais.

    Bjs

  10. edivan disse:

    Eu utilizei seu outro codigo para customizar a area dos comentarios mas onde eu mudo a imagen avatar o meu so ta o icone do blogger?

  11. Anna disse:

    eu preciso ajuda!! quando clico no meu menu aparece isto “A página que estava a procurar no blogue não existe.” e eu queria colocar algumas mensagens!

  12. Aline disse:

    Meu blog não tem esta opção de resposta! Já tentei olhar onde coloco nas configuraçoes mas não vi nada a respeito! Onde ativo este recurso? bjs

  13. faces da morte disse:

    ola vanessa eu sei que esse tutorial, não e para a minha pergunta que eu irei fazer, mais por favor dee uma olhada e ve o que pode ser feito esta bem? bom eu bachei um template de entrada para colocar no meu site, (eu ja tentei uns codigos de pagina de abertura mais nao deu certo) eu queri saber como eu faço para colocar esse temaplate de abertura no meu site? tipo tenho que criar um blog e instalar o template? ou sera que eu vou ter que ter dois blogs com nomes diferentes ou tem algum outro meio? por favor me ajude nessa ai. se caso voce for me ajudar pode responder por email, agradeço-lhe desde ja

    • Vanessa disse:

      2 templates em um mesmo blogger é impossivel. Vc vai ter que criar 2 blogs e em um deles, colocar subdominio.

      • Misterrxd disse:

        por completo nao,mas parcialmente sim(por exemplo ao clicar na post mudar o template todo),e so vc utilizar um bom sistema de includes e b:if,porem acredito que ficaria muito pesado

  14. Dav7 disse:

    Muito bom, já apliquei no meu blog!

    tem algum tutorial para alterar a ordem dos comentários? Isto é, fazer com que os comentários mais recentes apareçam primeiro?

  15. Angelo disse:

    Muito bom essa dica !!!!, quando eu for responder comentarios no meu blog esse tutorial vai me sjudar 9 vezes !

  16. Felipe disse:

    Funcionou certinho obrigado por esse tutu Vanessa continue inovando nos tuturial

Desculpe, os comentários deste artigo estão desativados.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.