17 junio 2013

Dividir las entradas del blog

Dividir las entradas del blog
Dividir la entrada de nuestro blog en dos columnas es algo que a mí siempre me ha llamado la atención, aparte de ser un truco bastante sencillo de aplicar, hace que las entradas del blog parezcan como si fuesen un periódico o una revista, detalle que no deja de ser bastante bueno.
Puedes ver un ejemplo en este blog de pruebas
Para hacer esto solo se requiere de un pequeño código que debes insertar una vez hayas escrito tu entrada. El código deberás insertarlo en la parte que dice Código html, y no en la de Redactar, tal como se muestra en la imagen:


El código que debes poner es el siguiente:

<div style="float:left; width: 50%">Aquí tu primera parte</div><div style="float:right; width: 50%">Aquí tu segunda parte</div>
<div style="clear: both"></div>

Si ocurre que las columnas quedan muy grandes para entrar en el blog, solo cambia la parte del código donde dice 50% en ambos lados por un valor más pequeño hasta que entren las dos columnas. Lógicamente debes reemplazar la parte “Aquí tu primera parte” por la parte de la entrada que quieras que vaya primero. Y así mismo con la otra parte.


No olvides primero escribir tu entrada con todos los enlaces y luego si cambiar a Edición Html y desde allí dar en publicar tu entrada, caso contrario provocarás un caos. 

No hay comentarios:

Publicar un comentario

Copia lo que quieras. Si crees que valió la pena, menciona este blog.

BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger