Crear ventanas Pop Ups en blogger

Las ventanas pop ups son esas ventanitas que se abren aparte de un sitio web que estavamos viendo, y si tu quieres usar este tipo de ventana ya sea para poner publicidad, o un formulario, imágenes o textos, para esto sigue los siguientes pasos:

Primero deberás ir a diseño o plantilla > edición HTML y pega antes de </head> lo siguiente:

<!-- script pop up -->
<script LANGUAGE='JavaScript'>
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(&quot;page&quot; + id + &quot; = window.open(URL, &#39;&quot; + id + &quot;&#39;, &#39;toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=400,left = 212,top = 184&#39;);&quot;);
}
</script>
<!-- fin script -->

Ahora en una entrada o elemento HTML/javascrip hay que poner lo siguiente:

<a href="javascript:popUp('URL del documento')">Abrir ventana PopUp</a>

Sólo cambia la URL del documento por la dirección donde tengas alojada la imagen el formulario o la página que se vaya a abrir en la ventana pop up.

Abrir ventana PopUp

También lo puedes hacer mediante un botón cambiando lo anterior por esto:

<form>

<input type=button value="Abrir ventana PopUp" onClick="javascript:popUp('URL del documento')">

</form>

                                                                 

O también con una imagen:

<a href="javascript:popUp('URL del documento')"><img src="URL de la imagen" /></a>

                                                                           

Espero que les sirva este sencillo post.. 

Hasta la próxima Bloggers,