Agregar un banner a sus páginas de Blogger puede resultar útil para generar ingresos publicitarios para su blog o para presentar sus propios productos y servicios de manera más destacada. Blogger no incluye una opción de diseño para insertar un banner superior separado sobre el título de tu blog, pero puedes crear la opción tú mismo con una pequeña modificación en el código HTML de tu blog. Si solo desea agregar un banner de imagen en lugar del título de su blog o detrás del título en el área del encabezado, el proceso es mucho más simple y no requiere edición de código.
Cree un nuevo elemento de banner en la parte superior
Inicie sesión en su cuenta de Blogger y haga clic en el nombre de su blog para acceder a sus controles administrativos.
Selecciona la pestaña "Plantilla" y luego haz clic en "Editar HTML" para acceder al código que controla el diseño de tu blog.
Haga clic en el menú "Ir a widget" y luego seleccione "Encabezado1". Blogger salta a la sección de código que controla el encabezado de su blog.
Desplácese hacia arriba algunas líneas hasta encontrar el siguiente código: Cambie el valor de "maxwidgets" a "2" y cambie el valor de "showaddelement" a "yes". La línea de código ahora debería verse así: Haga clic en el botón "Guardar plantilla" para guardar sus cambios. Blogger crea un nuevo elemento de diseño en la parte superior de su blog que puede usar para insertar su banner. Haga clic en la pestaña "Diseño" y luego en "Agregar un gadget" en el nuevo elemento de diseño en la parte superior de la página. Seleccione "HTML / JavaScript" en la ventana emergente. Pegue el código del widget de banner proporcionado por el anunciante en el campo Descripción. Alternativamente, use su propia imagen de banner ingresando el siguiente código en el campo Descripción, donde "ImageURL" representa el enlace a su archivo de imagen: Haga clic en "Guardar" para volver a la pantalla Diseño y luego haga clic en "Ver blog" para ver su nuevo banner. Inicie sesión en su cuenta de Blogger y haga clic en el nombre de su blog. Seleccione la pestaña "Diseño" para ver el diseño de su blog y luego haga clic en el enlace "Editar" en el elemento Encabezado en la parte superior del diseño. Haga clic en el botón "Examinar" y luego haga doble clic en el archivo de imagen que desea utilizar como banner. Seleccione una de las opciones de Ubicación para controlar cómo interactúa su banner con el título y la descripción de su blog. Seleccione "Detrás del título y la descripción" para colocar la imagen del banner en el fondo, de modo que el título y la descripción permanezcan visibles. Seleccione "En lugar de título y descripción" para reemplazar el título y la descripción con el banner. Haga clic en "Guardar" para volver a la pantalla Diseño y luego haga clic en "Ver blog" para ver su nuevo banner. Si usa su propio archivo de imagen de banner en la parte superior de su blog, cambie el tamaño de la imagen para que se ajuste al ancho de la pantalla. Generalmente, los banners de Blogger no deben tener más de 758 píxeles de ancho.Agregar imagen de banner a nuevo elemento
Reemplazar encabezado con imagen de banner
Consejos
