Cómo hacer plantillas de Blogger con 3 columnas

Blogger.com es una página web de publicación de pulsador a cargo de Google. los usuarios de Blogger pueden elegir entre una amplia variedad de plantillas prefabricadas, incluyendo diseños con uno, dos o tres columnas. Si no puede encontrar un diseño de tres columnas que te gusta de la selección disponible a través de Blogger, el sitio también le da la opción de crear su propio uso de HTML. Para crear una plantilla usando HTML, debe tener un conocimiento básico del lenguaje de programación.

Instrucciones

Utilizando una plantilla de Blogger

1 Haga clic en el enlace "Diseño" del escritorio de Blogger.

2 Haga clic en la pestaña "Template Designer"; que es la tercera pestaña de la izquierda.

3 Utilice el asistente de diseñador de plantillas para crear la apariencia de tu blog. Usted será capaz de seleccionar una plantilla o tema, cambiar los colores de fondo y ajustar el ancho de ciertas secciones antes de cambiar el diseño de su blog.

4 Haga clic en la opción "Diseño" en el panel lateral izquierdo. Varios de los diseños permiten tres columnas. En algunos casos, hay dos columnas más pequeñas en un lado de la página con una más grande opuesto columna; otras presentaciones Realizar una pequeña columna en el lado derecho e izquierdo de la página con la columna más grande en el centro. El diseño de tres columnas no está disponible con todas las plantillas de Blogger prefabricados.

5 Haga clic en el botón "Aplicar a Blog" en la esquina superior derecha de la página Diseñador de plantillas para guardar los cambios y aplicarlos a su sitio web.

Creando un diseño utilizando HTML

6 Haga clic en el enlace "Diseño" del escritorio de Blogger; haga clic en la pestaña "Edición de HTML". Es la segunda desde la izquierda.

7 Desplazarse hacia abajo el cuadro de texto HTML hasta que vea la sección de la participación de las barras laterales. Esta sección también puede ser etiquetado "Columnas" o "envoltorio exterior."

8 Busque el código HTML que se refiere a las barras laterales. Si tu blog ya tiene una barra lateral, resalte esta sección HTML, copiar y pegar directamente debajo de la barra lateral originales. Esto crea una segunda barra lateral, y junto con la columna principal, creará tres columnas separadas. Si tu blog no tiene una barra lateral, resalte la sección HTML perteneciente a la sección principal del blog; copiar y pegar dos veces directamente para crear dos columnas adicionales.

9 Ajuste el ancho de las columnas al ancho de la pantalla del ordenador. Habrá texto que dice "width:" seguido de un número y las letras "px". Al cambiar los números, usted será capaz de cambiar el ancho de esa columna individual. Uno de los más pequeños - pero popular - tamaños de pantalla es de 800 x 600 píxeles, por lo que limitar el ancho total de sus columnas a no más de 800 píxeles.

10 Cambiar la ubicación de las columnas. Usted verá el texto que dice "float:" seguido de la palabra "izquierda" o "derecha" - el uso de la palabra "izquierda" significa que su columna aparecerá en el lado izquierdo de la página, mientras que el uso de la palabra "derecho" pondrá la columna de la derecha. Si desea que varias columnas en un lado, colocar el código HTML de la columna que desee más a la izquierda antes de que el HTML para las otras columnas.

Consejos y advertencias

• Siempre previsualizar los cambios antes de guardar, sobre todo si va a generar su propia o la manipulación de código HTML actual. Blogger no guarda las versiones anteriores de este código, por lo que cualquier código antiguo se perderá una vez que el nuevo código se guarda.