Mostrar/Ocultar comentarios del blog

Usando el mismo método que vimos para expandir y contraerpartes 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 > Plantilla > Edición de HTML, marca la casilla Expandir plantilla de artilugios y 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. Cualquier duda comenten y se la resolveré con mucho gusto.