martes, 2 de agosto de 2011

Enumerar comentarios

Enumerar los comentarios puede ser muy útil para darle un poco de orden al blog. Con esto consigues que la lista de comentarios realizados en tu blog se vean mucho mas ordenados y visiblmente mejor..

Vista previa del enumerado:

 
Primero, vamos a ''Diseño/Edición HTML'' en donde presionamos en ''Expandir plantillas de artilugios''. Buscaremos el siguiente código:

 <b:loop values='data:post.comments' var='comment'>

 Sobre esa línea pegaremos el siguiente código:

<script type='text/javascript'>var contadorComentarios=0;</script>

Ahora buscamos el siguiente codigo
 

<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/>
  Y debajo del codigo anterior pegamos el siguiente codigo

<!-- Numerar comentarios -->
<div class='comentacontador'><a expr:href='&quot;#comment-&quot; + data:comment.id' title='Enlace al comentario'><script type='text/javascript'>
contadorComentarios=contadorComentarios+1;
document.write(contadorComentarios);
</script></a></div>

Ahora para darle un poco de estilo al numerador buscamos el siguiente codigo

]]></b:skin>

Arriba del anterior codigo pegas el siguiente:

.comentacontador a {
float:right;
margin-top:-20px;
margin-right:20px;
font-size: 18px;
color: #999999 !important;
text-decoration:none;
padding:0px 4px;
}
.comentacontador a:hover {
color: #333333 !important;
}

Por ultimo guardamos la plantilla,y eso es todo ante cualquier duda no olviden preguntar. 







0 comentarios:

Publicar un comentario

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Buy Coupons