Cómo editar un tamaño de banner en Blogger

Blogger es una de las muchas plataformas de blogs, donde los usuarios pueden modificar incluso su imagen de cabecera colores del diseño, tamaño y. La imagen de cabecera de cualquier sitio se convierte en una forma de la marca. Similar a un logotipo en una tarjeta de visita, esta bandera hace que los visitantes a asociar determinados servicios o contenidos con esos gráficos. Mientras que los usuarios pueden subir banderas de cualquier tamaño, sólo una parte de la imagen aparecerá en el encabezado de Blogger, a menos que el usuario cambia el tamaño de su gráfica o las dimensiones de su plantilla en el editor HTML. Para cambiar el tamaño de banner en Blogger, los usuarios deben cambiar la codificación HTML y CSS asociada a ella.

Instrucciones

1 Iniciar sesión en Blogger mediante la dirección de Gmail y la contraseña. Seleccione el blog que desea editar de la lista de blogs.

2 Haga clic en la pestaña "Edición de HTML" en la parte superior de la pantalla para acceder al editor de HTML. Aquí es donde se le toma los cambios. Copia de seguridad de su plantilla antes de hacer cambios haciendo clic en el enlace "Descargar plantilla completa" en la parte superior de la pantalla. Guardarlo en un lugar seguro, como por ejemplo la carpeta "Descargas" o "Escritorio".

3 Mantenga pulsadas las teclas "F" "Ctrl" y en el teclado para abrir el campo de búsqueda. Búsqueda de "Header-envoltorio" y haga clic en el botón "Siguiente". Blogger pondrá de relieve las palabras verde para facilitar el acceso. Dependiendo del diseño de Blogger que está utilizando, el código de "Head-envoltorio" puede ser algo como esto:

header-wrapper {

background: url #ffffff (http: // imageaddress);

altura: 375px;

Ancho: 1000px;

margin: 0 auto 0px;

border: 0px $ BorderColor sólido;

}

4 Observe que el "Header-envoltorio" tiene una altura y una anchura. Cambiar la altura y anchura para que coincida con el tamaño de su bandera. Así que si su bandera es de 900 píxeles de ancho y 200 píxeles de alto, que le cambia el código en consecuencia.

5 Guarde los cambios y comprobar su sitio. Comprobar y ver si su bandera es más pequeño que el exterior de su diseño, o aún demasiado grande. Si está satisfecho con la forma en que se ve, se puede pasar por alto el siguiente paso.

6 Volver a la pestaña "Edición de HTML" de su diseño y hacer una búsqueda de "Outer-envoltura." Debería ver algo como esto:

outer-wrapper {

Ancho: 1000px;

margin: 0 auto;

padding: 0px;

frontera: 2px # sólida 696CB3;

background: # E6ECF7;

text-align: $ startSide;

fuente: $ bodyfont;

}

7 Asegúrese de que la anchura de su "-del envoltorio exterior" coincide con la de su cabezal, si desea un ajuste perfecto. Hacer que el ancho de su "exterior-contenedor" 900 píxeles si la imagen de la bandera es de 900 píxeles de ancho. Cambiar la altura de su "Out-envoltura," si la parte inferior de la bandera mantiene desapareciendo debido al menú de navegación o el contenido principal de su blog.

8 Guarde los cambios de nuevo y comprobar su blog. Asegurar que las cosas se alinean correctamente antes de continuar. Sube la plantilla que guardó anteriormente si no está satisfecho con los cambios; de lo contrario, guardar la plantilla de nuevo en caso de que tenga que realizar cambios en el código HTML después.