Mostrar / Ocultar comentarios del blog

AVISO

Este truco sólo funciona en el sistema antiguo de comentarios. No funciona para los comentarios anidados (los que tienen la opción de "Responder").

Usando el mismo método que vimos para expandir y contraer partes de una entrada, vamos a aplicarlo en los comentarios de modo que el lector pueda mostrar u ocultar los comentarios con un efecto deslizante.

Para poner de esta forma los comentarios entra en Diseño | Edición de HTML, marca la casilla Expandir plantilla de artilugiosy pega antes de </head> lo siguiente:

<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'></script>
<script>
google.load("prototype","1.7.0.0");
google.load("scriptaculous", "1.9.0");
</script>
<!-- Prototype y Scriptaculous-->

Si ya tuvieras ese código no es necesario ponerlo de nuevo, omítelo y sigue con el siguiente paso.
Ahora busca este código y añade lo que está en color rojo:

<a href='javascript:void(0)' onclick='Effect.toggle(&quot;comentarios&quot;,&quot;slide&quot;); return false'>&#9660;&#9650; Mostrar / Ocultar comentarios</a><div id='comentarios' style='display: none;'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
.....
.....
.....
.....
.....
</b:loop>
</dl>
</div>

Y eso es todo, cuando estés en una página individual podrás tener la opción de expandir y contraer los comentarios.