0
En este post te mostrare como hacer para enumerar los comentarios de Blogger, es decir, ponerle el numero del comentario en la parte superior derecha de cada comentario asi como aparece en la imagen
Ponerle numero a los comentarios es un truco muy util ya que si un usuario comenta en alguna entrada de tu blog mas de una vez entonces pormedio del numero puedes hacer referencia al comentario especifico que quieres, ademas de eso se vera mas estilizado y elegante tu blog.
Pasos:
1. Tienes que ir a Diseño>Edicion HTML>Expandir las plantillas de artilugios
2. Ahora debes buscar el siguiente codigo:
3. Cuando hayas encontrado ese codigo entonces tienes que colocar estos codigos que estan en rojo, de manera que te quede asi:
4. Ahora tienes buscar la etiqueta ]]></b:skin> y encima de ella debes pegar lo siguiente:
Este ultimo codigo sirve para darle estilo, el color por defecto es azul pero lo puedes personalizar cambiando donde dice color:#0101DF; por el codigo del color que quieras, aqui en este link puedes encotrar la paleta de colores hexadecimal
5. El ultimo paso es guardar los cambios y comprobar que te haya quedado bien, yo he hecho lo mismo en mi blog asi que el resultado final tambien lo puedes apreciar en este mismo blog
Ponerle numero a los comentarios es un truco muy util ya que si un usuario comenta en alguna entrada de tu blog mas de una vez entonces pormedio del numero puedes hacer referencia al comentario especifico que quieres, ademas de eso se vera mas estilizado y elegante tu blog.
Pasos:
1. Tienes que ir a Diseño>Edicion HTML>Expandir las plantillas de artilugios
2. Ahora debes buscar el siguiente codigo:
<dl id='comments-block'>3. Cuando hayas encontrado ese codigo entonces tienes que colocar estos codigos que estan en rojo, de manera que te quede asi:
<dl id='comments-block'>
<script type='text/javascript'>var num_comm = 1;</script>
<b:loop values='data:post.comments' var='comment'>
<a class='num_comments' expr:href='data:blog.url + "#comment-" + data:comment.anchorName' expr:id='"comment-" + data:comment.anchorName' expr:title='"Comentario hecho por " + data:comment.author'><script type='text/javascript'>document.write(num_comm); num_comm=num_comm+1 ;</script></a>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>4. Ahora tienes buscar la etiqueta ]]></b:skin> y encima de ella debes pegar lo siguiente:
/* Numeracion de comentarios
================================== */
.num_comments {
color:#0101DF;
float:right;
text-decoration:none;
font-size:24px;
}Este ultimo codigo sirve para darle estilo, el color por defecto es azul pero lo puedes personalizar cambiando donde dice color:#0101DF; por el codigo del color que quieras, aqui en este link puedes encotrar la paleta de colores hexadecimal
5. El ultimo paso es guardar los cambios y comprobar que te haya quedado bien, yo he hecho lo mismo en mi blog asi que el resultado final tambien lo puedes apreciar en este mismo blog
0Comentarios!