Cómo añadir ventanas emergentes en un Blogger Generator

Escrito por kevin lee | Traducido por eliana caruso
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo añadir ventanas emergentes en un Blogger Generator
A diferencia de las pop-up, las ventanas pop-under se abren detrás de la ventana de un usuario. (Jupiterimages/Comstock/Getty Images)

Las ventanas emergentes "pop-under", de igual modo que las "pop-ups", no aparecen en navegadores que contengan software bloqueador de pop-up. A diferencia de las pop-up, las ventanas pop-under se abren detrás de la ventana de un usuario en lugar de hacerlo por encima de ella. A muchos internautas no les agrandan las ventanas pop-under, pero de todos modos, tienes la posibilidad de añadirlas a sitios como Blogger. Todo lo que necesitas para generar una ventana emergente pop-under es un par de líneas de código JavaScript y la posibilidad de añadir un nuevo gadget a uno de tus blogs de Blogger.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Dirígete a Blogger e inicia sesión en tu cuenta. Haz clic en el botón "Diseño", ubicado junto a uno de tus nombres de blog. Blogger abrirá la página "Editar diseño".

  2. 2

    Haz clic en el enlace "Añadido un gadget" que aparece en la parte derecha de la página para abrir la ventana "Añadir un gadget". Esta ventana contiene una lista de los gadgets de Blogger disponibles.

  3. 3

    Haz clic en la signo "+" junto al gadget llamado "HTML/JavaScript". Se abrirá una ventana que permite añadir código HTML y JavaScript para un nuevo gadget.

  4. 4

    Pega el siguiente código en el cuadro de texto "Contenido" de la ventana.

    <script> function popup() { var url = "ADD URL HERE"; window.open(url); popWin = window.open(page,'popWin'); popWin.blur(); window.focus(); } popup(); </script>

    Reemplaza "ADD URL HERE" con la URL del sitio que deseas que aparezca en la ventana emergente pop-under. Este código abre una nueva ventana y ejecuta la función de desenfoque de fondo. Esta función hace que la nueva ventana se mueva detrás de la página del blog. El enunciado window.focus() trae hacia el frente la página del blog.

  5. 5

    Escribe un título para este gadget en el botón "Título" y haz clic en "Guardar" para cerrar la ventana con los gadgets disponibles.

  6. 6

    Haz clic en el botón "Guardar" en la esquina superior derecha de la página "Editor de diseño". Para obtener una vista previa del blog, haz clic en "Ver blog". Una ventana emergente pop-under se abrirá debajo de tu página de blog.

Consejos y advertencias

  • Desactiva la ventana emergente pop-under haciendo clic en el enlace "Editar" situado en la sección "Un gadget" de la página de "Editar diseño". Cuando se abre la ventana "Añadir un gadget", haz clic en el botón "Eliminar" que aparece en la parte inferior de la ventana.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles