Crear dos columnas de texto en una 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..”

Creamos una nueva entrada pegamos el código en edición HTML y el texto que esta en rojo lo cambiaremos por el texto que queramos poner en esa entrada, para que quede así.

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

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

Si queremos insertar una imagen el código sera el siguiente:

<div style="padding: 10px; float: left; width: 45%; text-align: justify;"><img style="margin: 0px; float: left;" src="URL de la imagen" alt="Trucos” 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>

nos quedara asi:

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.

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