Comentarios Peek-A-Boo (Plantilla Clásica)

Me ha costado bastante insertarlo en Pruebas Clásica, la verdad... porque no estoy tan familiarizada con este "lenguaje" como con el de las nuevas plantillas..

Pero... ahí está: lo conseguí, je :D. Guiándome por las instrucciones de Ayuda de Blogger:

1º.- Insertad en el CSS de comentarios de la plantilla lo siguiente (están antes de terminar la tag /style):

.commenthidden {display:none}
.commentshown {display:inline}

2º.- Insertad el siguiente script antes del cierre de la tag /head:

<script type="text/Javascript">



function togglecomments (postid) {



var whichpost = document.getElementById(postid);



if (whichpost.className=="commentshown") {

whichpost.className="commenthidden";

}

else {

whichpost.className="commentshown";

}

}

</script>

3º.- Bajad la plantilla hasta encontrar la apertura del MainorArchivePage que enlaza con los comentarios (¡OJO!: NO CONFUNDIR CON LA DEL ARCHIVO DEL BLOG), y que contiene el linkk de los comentarios, encerrado en un código similar a éste:

<MainOrArchivePage>

<BlogItemCommentsEnabled>

<a href="<$BlogItemPermalinkURL$>#comments">

<$BlogItemCommentCount$> comments</a>

</BlogItemCommentsEnabled>

</MainOrArchivePage>

Lo primero que hay que hacer aquí, es eliminar la apertura y el cierre del MainorArchivePage, para que podamos desplegar nuestros comentarios en cualquier página del blog: no sólo en la principal.

Ahora, debemos sustituir el "permalinkUrl" de enlace de los comentarios, por éste otro:

<a href="javascript:togglecomments('c<$BlogItemNumber$>')">

De manera que esa pieza de código nos va a quedar algo parecido a ésto (ej., en mi plantilla):


<BlogItemCommentsEnabled>

<a href="javascript:togglecomments('c<$BlogItemNumber$>')">

<$BlogItemCommentCount$> comentarios</a></BlogItemCommentsEnabled>






4º.- Bajad un poco más la plantilla, hasta dar con un "ItemPage", dentro del que se encierran muchas piezas de código sobre comentarios, hasta su cierre.

Eliminad el <ItemPage>
y colocad en su lugar lo siguiente:

<span class="commenthidden" id="c<$BlogItemNumber$>">

Para que se desplieguen los comentarios al picar en ellos.

Bajad hasta el cierre de </ItemPage> y sustituidlo por el cierre del span: </span>


Ahora ya podéis guardar (si en Vista Previa ha ido todo como debiera) y ya tenéis desplegados vuestros comentarios, con sólo picar en el número de comentarios del pie de la entrada.

Es complicado... pero merece la pena :)