Novo Blogger Vanessa S.
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.
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? 🙂
Vanessa S.
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.
Clau,vou tentar colocar no meu blog.
Tentei comentar na postagem,https://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!!!
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!!!
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
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!
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.
Deu certo, amei seu tutorial super fácil, e vou divulgar no face ok?
beijos
Não gostei.
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!
Que bom que gostou. Obrigada!
Oi! obrigada pelos tuto ajuda muitoooo minha vida! funcionou direitinho 😉
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.
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
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?
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!
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
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
2 templates em um mesmo blogger é impossivel. Vc vai ter que criar 2 blogs e em um deles, colocar subdominio.
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
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?
Que eu saiba não.
Muito bom essa dica !!!!, quando eu for responder comentarios no meu blog esse tutorial vai me sjudar 9 vezes !
Funcionou certinho obrigado por esse tutu Vanessa continue inovando nos tuturial