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:

 

 

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.