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.

Disminuir la distancia entre los enlaces de navegación y el formulario

Es probable que te hayas parado a observar detenidamente el formulario de comentarios incrustado bajo las entradas de blogger. Si es así, habrás dado con un pequeño desajuste que podría interfirir en la apariencia de tu plantilla. Hablo de los enlaces de navegación que cada blog posee al final del bloque de las entradas (conocido también como main-wrapper).

Atiende a la siguiente imagen para dar con el propósito de este tutorial:



Afortunadamente, acortar la distancia entre el pie del formulario y los enlaces es posible e incluso muy fácil.

Únicamente es cuestión de estética y aplicar el truco o no será opción tuya, aunque el resultado es realmente bueno y no conlleva más de un minuto de 'instalación'.


Diseño>Edición de HTML>expandimos artilugios



Busca este extenso bloque de código:

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

Identifica la línea que resalto en color naranja y reemplaza la cifra 410 con 280.

Guarda la plantilla y habrás terminado.

Delio dice...

Gracias Jaime, eres un genio porque además de explicarlo todo muy fácil y entendible (lo que es todo un arte)... tratas cuestiones interesantes y útiles.
Un abrazo

Alejoblogger dice...

Muy Bueno Jaime :P

Deybi dice...

Esto era algo que siempre encontraba muy incómodo. Fue un día inventando cuando encontré esta solución que presentas.

Saludos.

Jaime Trujillo Escobedo dice...

Bellas palabras las tuyas, Delio. ¡Gracias por tu agradecimiento!

Abrazos.

Jaime Trujillo Escobedo dice...

Deybi, veo que lo has aplicado pues. ¡Un abrazo!

Me alegra que te guste, Alejoblogger.

Los apuntes del viajero dice...

Hola Jaime!

Hace mucho que descubrí tu blog, aunque en los últimos tiempos no había entrado. Hoy te re-descubrí en los Premios Bitácoras y te he votado en "Seguridad Informática", donde espero que subas algunos puestos :) Enhorabuena por el blog. Intentaré no perderlo de vista, porque ya me sacaste de algún apuro cuando empezaba y no va mal revisar ciertos conceptos de vez en cuando!

Saludos!

Jaime Trujillo Escobedo dice...

¡Hola Los apuntes del viajero! En primer lugar debo agradecerte el voto que enviaste. Espero que mis artículos te sigan ayudando a mejorar el blog.

Si necesitas cualquier cosa o tienes alguna duda, avísame. ¡Un abrazo y gracias por volver a tenerme como referente!

♥ Ana dice...

Como siempre ¡¡genial!!, tus ayudas son inmejorables , la verdad es que, tienes razón, estéticamente queda mucho mejor, me encanta
Besos enormes

Jaime Trujillo Escobedo dice...

Cuando tenía los enlaces de navegación me gustaba este truco ya que sin duda la apariencia mejora. Gracias, Ana, por tu amable comentario.

¡Abrazos!

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