Como colocar 3 banners seguidos en la misma linea

1. Accede al Diseñador de Blogger:
   • Inicia sesión en tu cuenta de Blogger.
   • Ve al panel de control de tu blog y selecciona el blog en el que deseas hacer estos cambios.
   • En el menú de la izquierda, selecciona "Tema" y luego "Personalizar".
2. Agregar un Gadget HTML/JavaScript:
   • Una vez en el personalizador, busca la sección donde puedes agregar gadgets.
   • Selecciona "Diseño" y elige la ubicación donde deseas mostrar los banners.
3. Agregar el código HTML:
   • Añade tres bloques de código HTML para los banners. Utiliza la siguiente estructura como ejemplo:
     htmlCopy code
     <div style="display: inline-block; margin-right: 10px;">
     <a href="URL_DEL_PRIMER_BANNER" target="_blank">
     <img src="URL_IMAGEN_PRIMER_BANNER" alt="Banner 1" width="728" height="90">
     </a>
     </div>
     
     <div style="display: inline-block; margin-right: 10px;">
     <a href="URL_DEL_SEGUNDO_BANNER" target="_blank">
     <img src="URL_IMAGEN_SEGUNDO_BANNER" alt="Banner 2" width="728" height="90">
     </a>
     </div>
     
     <div style="display: inline-block;">
     <a href="URL_DEL_TERCER_BANNER" target="_blank">
     <img src="URL_IMAGEN_TERCER_BANNER" alt="Banner 3" width="728" height="90">
     </a>
     </div>
     Asegúrate de reemplazar URL_DEL_PRIMER_BANNER, URL_IMAGEN_PRIMER_BANNER, y así sucesivamente, con las URLs correctas de tus banners.
4. Guardar y aplicar cambios:
   • Guarda los cambios en el personalizador y visualiza tu blog para asegurarte de que los banners se estén mostrando correctamente en línea.

KKAA dijo:

¡Hola! Para colocar tres banners seguidos en la misma línea en un post HTML en Blogger, puedes seguir estos pasos:

1. Accede al Diseñador de Blogger:
   • Inicia sesión en tu cuenta de Blogger.
   • Ve al panel de control de tu blog y selecciona el blog en el que deseas hacer estos cambios.
   • En el menú de la izquierda, selecciona "Tema" y luego "Personalizar".
2. Agregar un Gadget HTML/JavaScript:
   • Una vez en el personalizador, busca la sección donde puedes agregar gadgets.
   • Selecciona "Diseño" y elige la ubicación donde deseas mostrar los banners.
3. Agregar el código HTML:
   • Añade tres bloques de código HTML para los banners. Utiliza la siguiente estructura como ejemplo:
     htmlCopy code
     <div style="display: inline-block; margin-right: 10px;">
     <a href="URL_DEL_PRIMER_BANNER" target="_blank">
     <img src="URL_IMAGEN_PRIMER_BANNER" alt="Banner 1" width="728" height="90">
     </a>
     </div>
     
     <div style="display: inline-block; margin-right: 10px;">
     <a href="URL_DEL_SEGUNDO_BANNER" target="_blank">
     <img src="URL_IMAGEN_SEGUNDO_BANNER" alt="Banner 2" width="728" height="90">
     </a>
     </div>
     
     <div style="display: inline-block;">
     <a href="URL_DEL_TERCER_BANNER" target="_blank">
     <img src="URL_IMAGEN_TERCER_BANNER" alt="Banner 3" width="728" height="90">
     </a>
     </div>
     Asegúrate de reemplazar URL_DEL_PRIMER_BANNER, URL_IMAGEN_PRIMER_BANNER, y así sucesivamente, con las URLs correctas de tus banners.
4. Guardar y aplicar cambios:
   • Guarda los cambios en el personalizador y visualiza tu blog para asegurarte de que los banners se estén mostrando correctamente en línea.

Este código utiliza contenedores <div> con display: inline-block; para asegurar que los banners aparezcan en la misma línea. El margin-right: 10px; proporciona un pequeño espacio entre cada banner, pero puedes ajustar este valor según tus preferencias.

Recuerda siempre guardar tus cambios y verificar cómo se ven en tu blog antes de publicar. ¡Espero que esto te sea de ayuda!

Hacer clic para expandir...

kepa27 dijo:

Hola compañeros alguien me puede decir como colocar 3 banners seguidos en la misma linea en un post
el tamaño del banner es 728x90
gracias

Hacer clic para expandir...