Todos sabemos que en blogger hay diferentes opciones para configurar el formulario de comentarios.
Disponemos la opción del formulario en página completa, el formulario en ventana emergente y el formulario incrustado debajo de las entradas.
Se me ha ocurrido una nueva forma de mostrar el formulario de comentarios: con dos enlaces que permitan mostrarlo u ocultarlo cuando nos apetezca.
Antes de empezar, comprueba que tienes configurada la opción del formulario incrustado bajo las entradas [+].
Para realizar el truco en tu blog sigue los siguientes pasos:
Diseño>Edición de HTML>expandimos artilugios
Busca la etiqueta ]]></b:skin> y encima añade este bloque de CSS:
boton {
color: #666666;
font-size: 15px;
}
Ahora busca la etiqueta </head> y encima agrega este script:
<script LANGUAGE='javascript'>
function formularioinvisible(){
document.getElementById('Formulario').style.visibility = "hidden";
}
function formulariovisible(){
document.getElementById('Formulario').style.visibility = "visible";
}
</script>
Seguidamente, busca este bloque que pertenece al formulario de comentarios:
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
Debes insertar en él todo lo que te muestro en color verde:
<b:includable id='comment-form' var='post'>
<boton><a onclick='formulariovisible()' style='cursor: hand;'>MOSTRAR FORMULARIO</a> |
<a onclick='formularioinvisible()' style='cursor: hand;'>OCULTAR FORMULARIO</a></boton>
<div id='Formulario' style='position:relative; visibility: hidden;'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</div>
</b:includable>
Puedes cambiar el texto de los enlaces MOSTRAR FORMULARIO y OCULTAR FORMULARIO por cualquier otra frase o una imagen.
Para cambiar los enlaces por imágenes sustituye MOSTRAR FORMULARIO y OCULTAR FORMULARIO por esta línea:
<img src="URL DE TU IMAGEN"/>
En URL DE TU IMAGEN debes escribir la dirección de tu icono o imagen. Si no sabes como obtener la URL de una imagen lee esta entrada.
Por último guarda la plantilla:
Ya tendrás el formulario con las opciones de mostrar y ocultar en tu blog.
Aquí puedes ver un ejemplo del resultado. Como ves, aparecerán dos enlaces:
¿Problemas al comentar? Utiliza 
Hola Hola ! n.n la verdad es que no sabia que entrada firmar XD ais que opte por esta :)
Y nada, solo decirte que amo tu blog *0* ! tiene tantas cositas lindas... me ayudo mucho, de verdad, especialmente porque soy re tarada para estas cosas XD y con esto se me hizo mucho mas facil x3 !
Ojala sigas subiendo mas cosas ! es impresionante todo lo que se puede hacer haha
Saludos !!
¡Hola Sol! Bienvenida ☺. Como me gusta ver que mis artículos os ayudan.
Por supuesto que seguiré compartiendo trucos (¡no te imaginas los que están por llegar!), durante mucho tiempo.
Recuerda que siempre que necesites ayuda puedes contar conmigo. Todos tenemos que aprender cosas nuevas ;).
oye pero yo solo quiero esconder un solo post como el hago
davidzu web creation, si deseas esconder un post ¿Por qué no eliminarlo? Ocultarlo sería inútil...
¿Te refieres a tener un enñace que "abra o cierre" el post?
Está muy bien, solo que espero que los lectores no sean gandules en cuanto a pinchar con el cursor se refiere.:P ¿Podría ser que tuvieras algo parecido pero con los comentarios de lectores en una misma entrada? Cuando se acumulan, digo pensando siempre en los visitantes, se hará pesado bajar todos para acceder al formulario. No es que en mi blog me escriban mucho, :( pero dejo la idea.
Saludos wapo.
Silvia, en breve publicaré el truco que pides.
Llevas mucha razón ya que disponer de un enlace que oculte o muestre los comentarios es toda una ventaja para el lector que no desee bajar hasta el final del blog.
¡Saludos!
Me alegra que tengas en mente esta idea, pues la considero buena. Y otra pregunta: en mi 2º blog quise poner también este truquillo, y de antemano sé que lo he hecho bien ya que lo puse en otro blog sin problemas, pero me sale este texto, y la verdad no entiendo nada y me impide guardar cambios:
"No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "div" must be terminated by the matching end-tag ""
Silvia, el error está comunicándote que tienes un div sin cerrar (y por tanto requiere </div>).
En el cuarto bloque de código, si bajas hasta el final, comprobarás que dicha etiqueta de cierre aparece resaltada en verde, justo antes del </b:includable> y que probablemente no hayas agregado.
Solo puedo decir GRACIAS!!!!!!!!!