¿Cómo mostrar los comentarios numerados?

Navegando por la web me encontre con algo interesante que es de ayuda para los bloggers, se trata de enumerar los comentarios de las entradas en los blogs. Se que no es la gran cosa pero espero os ayude y os guste en algo.

Comentarios Enumerados

1. Ir a diseño de la plantilla, luego a Edición de HTML y clic en Expandir plantilla de artilugios, agregar el siguiente código entre <b:skin><![CDATA[ y ]]></b:skin>. Preferible que lo pegues al final (antes de ]]></b:skin>), porque puede ser que en algún momento, no quieras esto y se te va hacer más fácil poder ubicarlo para eliminarlo.

.CommentIndex{
float:right;
position:relative;top:25px;left:3px;
margin-left:-200px;
font: italic bold 30pt ‘Century Gothic’,'Trebuchet MS’;
color:red;
opacity:0.3;
-moz-opacity:0.3;
filter:alpha(Opacity=30);
}

.CommentIndex:hover{
font-size:80px;
}

Explicación:
- En float, puedes cambiarlo de posición, sea left (izquierda) o right (derecha).
- En margin, ver aquí.
- En font y color, si deseas le cambias.
- En opacity, el número aparecerá opaco o transparente (sobre puesto), si deseas lo eliminas y desaparecerá lo transparente.
2. Buscar lo siguiente:
<dl id=’comments-block’>
<b:loop values=’data:post.comments’ var=’comment’>
3. Agregar lo siguiente (lo que está con color azul) después de:
<dl id=’comments-block’>
<script type=’text/javascript’>Index = 1;</script>
<b:loop values=’data:post.comments’ var=’comment’>
4. Debajo de: <b:loop values=’data:post.comments’ var=’comment’> pegar lo siguiente:
<span class=’CommentIndex’ title=’solo comentario enumerado’><script type=’text/javascript’>document.write(Index); Index= Index+1 ;</script></span>

Visto en Ayuda Para el Blog

Leave a Reply