Pop-up controlado (I)

Con un sencillo código crearemos un pop-up o ventana emergente, que nuestros visitantes podrán abrir pinchando en un link.
Podemos usarlo para mostrar una imagen, incluso una captura de otra web, cambiando la url por la de la imagen o del sitio web que queramos mostrar. Eso si, tendremos en cuenta que la ventana tendrá el tamaño que nosotros queramos, sin que nuestros visitantes tengan la posibilidad de agrandarla.

Para mostrar el efecto en nuestra sidebar, en la parte de diseño de nuestra plantilla elegimos un nuevo elemento HTML-Javascript y pegamos el código:

<a href="http://URL-DE-TU-IMAGEN O DE LA PAGINA WEB" target="_blank" onclick="window.open(this.href, this.target, 'width=313,height=450'); return false;">Abrir ventana</a>

Ejemplo:

Un perro precioso

Mi otro blog

Nota:
Donde pone width=300 y height=400 en el código, es donde modificaremos el alto/height y el ancho/width de nuestro pop up.

0 comentarios:

Publicar un comentario