Como Escribir en dos columnas Blogger

Te has preguntado como escribir en dos columnas desde blogger

Si eres usuario de blogger, puede que hayas intentado escribir por columnas pero no has encontrado opción, en fin no lo has logrado, por esta razón les comparto un método para lograr nuestro objetivo

Nota: si ya habías leído este post en este blog es porque lo había publicado como pagina y hoy lo actualizo a entrada, si no lo has leído ignora.

Para Escribir un texto en dos columnas vamos a apoyarnos de el siguiente código

Copia el contenido que esta dentro del cuadro de texto

<div style="float: left; width: 45%">texto-columna-izquerda</div><div style="float: right; width: 45%">texto-columna-derecha</div>
<div style="clear: both"></div>

Vista Previa

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.

Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.

Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.

Una vez copiado el código anterior, vamos a editar la entrada en la cual escribiremos en dos columnas, damos un clic en el botón HTML que se encuentra en la parte Superior izquierda

A continuación pegamos el código en la entrada formato HTML

Volvemos al botón redactar que se encuentra al lado izquierdo de HTML

Para seguidamente Remplazar el texto que se encuentra por lo que tu quieres escribir o por una imagen y listo ya tendremos dos columnas en una entrada

Te comparto este otro código por si lo quieres con borde

Copia el contenido que esta dentro del cuadro de texto

<div style="border-color:green; border-style: solid; border-width: 3px; padding: 10px;">

     <div style="float: left; width: 45%"> 
    Texto de la columna izquierda
  </div>

  <div style="float: right; width: 45%">
    Texto de la columna derecha
  </div>

  <div style="clear: both"></div>

  </div>

Vista Previa del Codigo

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.

Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.

Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.

Tipos de borde: Para usar uno de estos Bordes vamos a editar el código que les comparto en la parte superior del medio, nos ubicamos en border-style: solid y replazamos solid por el borde de acorde a nuestro gusto

dotted: Borde de puntitos

groove: Borde con sombra oscura

ridge: Borde con sombra clara

dashed: Borde discontínuo

solid: Borde contínuo

double: Borde doble

inset: Borde 3D hacia afuera

outset: Borde 3D hacia adentro