Como crear una ventana emergente en blogger, fácil y rápido.
Las ventanas emergentes nos sirven, para mostrar alguna función importante en nuestro blog o simplemente para hacer mas fácil la navegación del usuario.
Se pueden abrir paginas web, vídeos, imágenes, textos, etc, todo lo que quieres poner puedes usarlo.
Puedes usarla en tus entradas o paginas, simplemente vamos a pegar el siguiente código y lo vamos a editar.
<a href="javascript:void(0);" onclick="window.open('Pegar url aqui', 'popup', 'top=100, left=200, width=853, height=480, toolbar=NO, resizable=NO, Location=NO, Menubar=NO, Titlebar=No, Status=NO')" rel="nofollow">Enlace aqui</a>
Ejemplo de enlace clic aquí
1: Abrir un vídeo de youtube en ventana emergente.
Para ello vamos a usar el siguiente enlace donde solo tendremos que remplazar el id del vídeo de youtube. Este enlace lo vamos a pegar en el código anterior donde dice pegar url aquí.
http://www.youtube.com/watch_popup?v=xJtBYAKBByk
Lo que esta en negro sera el id que debemos remplazar, y pegar el id del vídeo que vamos a poner en la ventana emergente.
Ejemplo: clic aquí
2: Abrir una imagen en ventana emergente.
Para abrir una imagen un una ventana emergente vamos a usar el siguiente código.
<img src="Pegar url de la imagen aqui" />
Debemos pegar la url de la imagen donde dice pegar url de imagen aquí, luego copiamos todo el código anterior en el primer código que usamos, luego remplazamos donde dice enlace aquí, por todo el código de la imagen.
Ejemplo.
Puedes modificar todos los parámetros del primero código, los mas importante son el alto y el ancho de la ventana emergente.
No hay comentarios.