Tutoriais Blogger Vanessa S.
Comentários Numerados no Blogger
[alerta]ATENÇÃO:
O sistema de comentários do Blogger mudou! Acesse o artigo atualizado e veja como proceder para numerar os comentários no novo blogger.
[/alerta]
Hoje você vai aprender como numerar os seus comentários, vai ver como é fácil aplicar este recurso.
[becape]Antes de mais nada, você já deve saber que é sempre bom fazer um backup do seu Template para evitar transtornos.[/becape]
Feito isso, entre na edição HTML do seu template, clique em “Expandir modelos de widgets” e procure pelo seguinte código:(você pode usar ctrl+f colando a 1ª linha do código para facilitar sua busca)
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
[dica]Caso seu template não esteja dessa maneira, tente procurar pela referência: <dl id=’comments-block’>[/dica]
Uma vez localizada, você deverá adicionar os códigos que estão destacados na cor vermelha, exatamente nos locais que estão indicados, sem alterar nada:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<script type='text/javascript'>var contadorComentarios=0;</script>
<b:loop values='data:post.comments' var='comment'>
<div class='' expr:id='data:comment.id'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
<span class='comentacontador'>
<a expr:href='"#comment-" + data:comment.id' title='Link para este comentário'>
<script type='text/javascript'>
contadorComentarios=contadorComentarios+1;
document.write(contadorComentarios)
</script>
</a>
</span>
</dt>
<dd expr:class='"comment-body " + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</div>
</b:loop>
</dl>
Visualize, e se estiver tudo certo, salve!
2º passo. Agora você pode estabelecer os estilos para os comentários numerados no CSS do seu template.
Volte na edição HTML, e cole o código a seguir, logo ACIMA da tag ]]></b:skin> :
.comentacontador {
float: right; /* alinhamento á direita */
display: block;
width: 50px;
margin-top: -30px; /* distância dos números ao topo */
text-align: right; /* texto alinhado á direita */
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 36px; /* tamanho da fonte */
font-weight: normal;
}
Antes que me perguntem: o código da área dos comentários postado neste tutorial, foi retirado do Template Minima. Nos templates padrões todo este trecho se apresenta desta maneira. Se o seu template já sofreu muitas modificações na área de comentários, provavelmente esta parte deve se apresentar de outra maneira, portanto é bem capaz que este hack não funcione para alguns casos.
Caso não dê certo no seu blog, pode ter certeza que seu template já sofreu bastante modificação na área dos comentários e infelizemnte a sua única solução é: tentar encontrar trechos ao menos parecidos e testar, testar, testar e tentar bastante, quem sabe você não dá sorte!
Não deu…queria tanto…buaaaa
cara muito bom esse site já peguei varias dicas pra colocar no meu blog parabéns Clau muito legal
Silmara, comigo aconteceu a mesma coisa. Quando os comentários passam de uma página, ele recomeça do 1 e vai até 200 oO'
Perfeito! Gostei do tutor! Fiz e conseguir! Obrigado.
Estou comum problema.
Acrescentei esse código deu tudo certo.
Mas ele conta somente até o n° 200 e para.
O que será que foi?
Obrigada.
Eu fiz, e deu tudo certinho.
Obrigada, pela ajuda.
Perfeito! no meu blog deu tudu certo obrigado
L.Tadeu
No código do 2º passo já tem a informação sobre o alinhamento. Dá uma verificada.
Clau, como coloca alinhado na direita como ta aqui ?
Roberta
Fico feliz que tenha conseguido. Obrigada pelo comentário! 😉
Olá,
Nossa eu já estava cansada de procurar um tutorial que me ajudasse a numerar meus comentários e enfim achei. Pensei que não daria certo porque meu template não é o original do blogger, mas tentei e fiquei feliz demais por que deu tudo certo.
Nem sei como agradecer. Ainda não conhecia o site , mas já estou seguindo e serei leitora assídua.
Muito grata.
Roberta
Link,
servos de maria,
escravos de maria
Por favor leiam o aviso no final do post. Eu já informei que em alguns templates pode não dar certo, qdo há muitas modificações na área de comentários. Não tenho como ajudar. Não tenho como saber como a area de comentários se apresenta nos template de cada pessoa.
Só posso recomendar q vcs leiam o post:
Desmembrando a área de comentários
para quem sabe, vcs consigam identificar e conhecer um pouco sobre esta área no template de vcs.
Não foi possível visualizar o modelo
Corrija o erro abaixo e envie o seu modelo novamente.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "b:loop" must be terminated by the matching end-tag "".
como resolvo isso?
Não foi possível salvar o modelo
Corrija o erro abaixo e envie o seu modelo novamente.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "b:if" must be terminated by the matching end-tag "".
não consegui T.T, eu copiei tudinho certo, e coloquei no lugar correto, fiz isso 3 vezes, clau, será q em alguns templates ñ dão certo???
Tentei em vários outros tutoriais antes de achar esse e finalmente conseguir. Obrigado pela clareza.
http://www.solitarialiberdade.com
Que pena Clau, no meu deu erro, eu fiz do jeito que você manda no tutorial.
Muito Obrigado Clau…
você vive salvando minha vida… rsrsrsrs
Esse codigo foi aplicado no meu blogue de testes e fiz algumas alterações por causa das cores do blogue e deu certinho!
Alem de te adicionar aos favoritos, eu vou pegar seu banner e assim que costumizar a sidebar eu ponho ele lá.
Muito Obrigado mesmo…
@Jo3:
Olá, se precisa de um template exclusivo, veja qual o tipo de serviço deseja contratar e solicite orçamento através do formulário de contato.
Caso queira um template gratuito, escolha algum disponivel em nossa galeria de template free.
Obrigada pela visita e volte sempre!
Hola soy de Peru, son muy buenas sus templates me gustan quisiera un template especial para moi blog.. http://jorclick.blogspot.com Espero su respuesta
Eu não sabia mexer em nada daqueles códigos até conhecer o seu site, mas até que não foi difícil achar o local que poderia dar, de qualquer maneira eu sempre sigo a sua dica de salvar o Template se dá rolo eu volto.
Eu volto sempre mesmo hehe
Boa semana!!!
@Cláudia Charão:
Fico feliz que tenha conseguido. Viu que não é dificil? Qdo o template está muito modificado,é só ter paciência e prestar bastante atenção para entender os campos, que dá certo, né?
E volte sempre mesmo, quantas vezes quiser…é de "grátis"..rsrs
Bom domingo ^^
Consegui, mesmo com o meu template todo modificado, o texto maior em vermelho eu coloquei mais ou menos onde você disse, pois o meu código já estava diferente.
Eu não posso ver uma dica nesse site, que já vou e coloco no meu blog hehe