Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Mostrar y ocultar el formulario de comentarios

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(&#39;Formulario&#39;).style.visibility = &quot;hidden&quot;;
}
function formulariovisible(){
document.getElementById(&#39;Formulario&#39;).style.visibility = &quot;visible&quot;;
}
</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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</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:


Sol dice...

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 !!

Jaime Trujillo Escobedo dice...

¡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 ;).

davidzu web creation dice...

oye pero yo solo quiero esconder un solo post como el hago

Jaime Trujillo Escobedo dice...

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?

^(.)^ Silvia ^(.)^ dice...

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.

Jaime Trujillo Escobedo dice...

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!

^(.)^ Silvia ^(.)^ dice...

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 ""

Jaime Trujillo Escobedo dice...

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.

L dice...

Solo puedo decir GRACIAS!!!!!!!!!

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo