De forma predeterminada, Minima, la plantilla original de Blogger, coloca las publicaciones de su blog una debajo de la otra, pero puede cambiar este diseño para que sus entradas aparezcan una al lado de la otra. Con una ubicación horizontal, puede ahorrar un espacio valioso en su página y hacer que sea conveniente para los visitantes encontrar artículos, ya que no tendrán que desplazarse continuamente hacia abajo. Blogger le da acceso al código HTML de su plantilla, que es donde puede cambiar el ancho de la página y ajustar las publicaciones del blog para hacer un diseño de tres columnas que haga que sus entradas aparezcan una al lado de la otra.

Cambio de ancho de página

1.

Inicie sesión en su cuenta de Blogger y haga clic en el menú desplegable junto al nombre de su blog. Seleccione la opción "Plantilla" y luego haga clic en el botón "Editar HTML" para mostrar el código de su blog.

2.

Localice la regla "# outer-wrapper" en el código, y luego cambie el valor de ancho existente a 940 píxeles, como en el siguiente ejemplo:

envoltura exterior {ancho: 940px; }

Esta acción expande el cuerpo de tu blog para que pueda acomodar las publicaciones de lado a lado.

3.

Busque la regla "# main-wrapper" e ingrese "620px" después del ancho, de la siguiente manera:

main-wrapper {ancho: 620px; }

4.

Localice las reglas "# header-wrapper" y "#footer", y luego elimine "width: 660px;" Porción en cada código. Además, busque "#header .description" y elimine "max-width: 700px;" entrada.

5.

Busque la regla "# blog-pager" y escriba "width: 600px; clear: both;" Me gusta esto:

blog-pager {ancho: 600px; Limpia los dos; }

El localizador de blogs presenta enlaces a la página de inicio, así como publicaciones nuevas y antiguas, y este código garantiza que siempre abarque el ancho de todas las columnas de publicaciones en las páginas.

6.

Haga clic en el botón "Guardar plantilla".

Ajuste de publicaciones de blog

1.

Haga clic en el cuadro "Expandir plantillas de widgets" en la página Editar HTML para mostrar todo el código de su blog. Encuentra el siguiente bloque de código y cópialo:

2.

Localice esta línea de código:

Coloque el cursor al final de la línea de código y luego pegue el código copiado para que se muestre inmediatamente después.

3.

Encuentre el elemento "" final e ingrese el siguiente código después de él:

4.

Haga clic en el botón "Guardar plantilla".

Consejos

• Antes de editar el código de la plantilla, copie y pegue el código en un archivo de Bloc de notas en caso de que necesite consultar la sintaxis original en una fecha posterior.
• Presiona "Ctrl-F" para abrir un cuadro de búsqueda que te permite encontrar contenido en una página web, y usarlo para encontrar las líneas de código para cambiar.