viernes, 21 de mayo de 2010

Crear dos columnas de texto en un entrada de tu blog.

Este truco es de mucha utilidad cuando tenemos un texto muy largo y no queremos partir la entrada con “Leer mas..” 

El poder escribir el texto de esta manera nos permite, aparte de una estética bonita en la presentación,el poder ahorrar espacio y que la página no se nos haga tan larga,para poder tener más cosas de un solo vistazo.
Vamos entonces a ver cómo crear dos columnas dentro de una entrada sin necesidad de tocar la plantilla; lo que significa que podrás adaptar las columnas cuando quieras y esto no afectará a tus demás entradas.










Esté es el código:

<div style="padding: 10px; float: left; width: 45%; text-align: justify;">Texto de la columna (lado izquierdo)</div><div style="padding: 10px; float: right; width: 45%; text-align: justify;">Texto de la columna (lado derecho)</div>

Al crear una nueva entrada pegamos este código en edición HTML y el texto que esta en verde lo cambiaremos por el texto que queramos poner en esa entrada.

 

Si queremos insertar una imagen:

 

Trucos blogger

 

Podemos insertar una imagen en miniatura al lado del texto,de esta forma le damos un toque muy especial a la entrada,llamando así la atención del lector que esta visitando tu blog.

 

Subimos la imagen en miniatura a nuestro servidor de imágenes preferidos y luego copiamos su URL.

 

 

 

 

 

 

 

Este es el código:

<div style="padding: 10px; float: left; width: 45%; text-align: justify;"><img style="margin: 0px; float: left;" src="URL de la imagen" alt="Trucos blogger” border="0" />Texto de la columna (lado izquierdo)</div><div style="padding: 10px; float: right; width: 45%; text-align: justify;">Texto de la columna (lado derecho)</div>

Así de fácil podéis tener una entrada en forma de revista o periódico.

Trucos,tutoriales y herramientas para mejorar tu blog.

10 comentarios:

  1. exelente, eso es lo que estaba buscando, grasias

    ResponderEliminar
  2. Me alegro que te sirva Manuel.Saludos.

    ResponderEliminar
  3. gracias! http://contablesoluciones.blogspot.com.ar/

    ResponderEliminar
  4. Gracias, me fue muy útil. Sólo tuve inconvenientes al intentar insertar un video en alguna de las columnas, pero me fue imposible que se quedará en alguna de ellas, siempre se colocaba por encima de ellas ¿habría alguna solución?
    ¡Saludos!

    ResponderEliminar
  5. Muchas gracias! Me sirvio bastante! Oye, como puedo tener el pajaro de twitter que tienes? Gracias! Pasate por mi blog: http://tu-mundo-nuestro-mundo.blogspot.com.es/ Soy nuevo!!

    ResponderEliminar
  6. Muy buen Blog!! súper útil!! :D
    Logré esta entrada con tu "truco"
    http://zirijo.blogspot.com/2013/02/depeche-mode-heaven.html
    Muchas gracias!

    ResponderEliminar

Quieres Comentar

Todos los comentarios están siendo leídos y moderados.

- Todos los comentarios deben ser relacionados con el artículo.
- Serán borrados aquello comentarios que sean considerado SPAM.
- Si quieren pedir ayuda,que no tenga nada que ver con el post, utilicen la página de Contacto.
- Los comentarios serán publicados a la brevedad mínima posible.