Cómo agregar un banner a un blog de Blogger
Agregar un banner a sus páginas de Blogger puede ser útil para generar ingresos publicitarios para su blog o para presentar sus propios productos y servicios de manera más prominente. Blogger no incluye una opción de diseño para insertar un banner superior separado sobre el título de su blog, pero puede crear la opción usted mismo con una edición menor en el código HTML de su 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.
Crear un nuevo elemento de banner en la parte superior
1.
Inicie sesión en su cuenta de Blogger y haga clic en el nombre de su blog para acceder a sus controles administrativos.
2.
Seleccione la pestaña "Plantilla" y luego haga clic en "Editar HTML" para acceder al código que controla el diseño de su blog.
3.
Haga clic en el menú "Saltar al widget" y luego seleccione "Encabezado1". Blogger salta a la sección de código que controla el encabezado de tu blog.
4.
Desplácese hacia arriba unas cuantas líneas hasta que encuentre el siguiente código:
5.
Cambie el valor "maxwidgets" a "2", y cambie el valor "showaddelement" a "yes". La línea de código ahora debería verse así:
6.
Haga clic en el botón "Guardar plantilla" para guardar los cambios. Blogger crea un nuevo elemento de diseño en la parte superior de tu blog que puedes usar para insertar tu banner.
Añadir imagen de banner a nuevo elemento
1.
Haga clic en la pestaña "Diseño" y luego haga clic en "Agregar un gadget" en el nuevo elemento de diseño en la parte superior de la página.
2.
Seleccione "HTML / JavaScript" en la ventana emergente.
3.
Pegue el código del widget 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 "img / setting-up-new-business / 627 / how-add-banner-blogger-blog-2.jpg" representa el enlace a su archivo de imagen:
4.
Haga clic en "Guardar" para volver a la pantalla Diseño, y luego haga clic en "Ver blog" para ver su nuevo banner.
Reemplazar encabezado con imagen de banner
1.
Inicia sesión en tu cuenta de Blogger y haz clic en el nombre de tu blog.
2.
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.
3.
Haga clic en el botón "Examinar" y luego haga doble clic en el archivo de imagen que desea usar como su banner.
4.
Seleccione una de las opciones de Colocació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.
5.
Haga clic en "Guardar" para volver a la pantalla Diseño, y luego haga clic en "Ver blog" para ver su nuevo banner.
Propina
- Si usa su propio archivo de imagen de banner en la parte superior de su blog, ajuste el tamaño de la imagen para que se ajuste al ancho de la pantalla. En general, los banners de Blogger no deben tener más de 758 píxeles de ancho.