Como poner un popup en blogger

Definitivamente es muy importante saber que popup debemos de poner en nuestros blogs, porque no todos nos gusta que aparezca ese tipo de ventana emergente y mas cuando se trata de publicidad. es por eso que hoy en este articulo  vas a prender como poner un popup en blogger.

Queridos amigos antes que nada sean Bienvenidos. en verdad que es un placer tenerlos aquí, y hoy en este articulo y blog de prueba, vamos a ver como poner un popup en blogger.

Sin duda alguna es de suma Importancia saber que popup debemos de poner en nuestros sitios, se ha visto que los popup de tipo publicidad no son del agrado de todos, y es por eso que hoy hablaremos del famoso popup que se utiliza para capturar los emails de las personas. 

Que para muchos es una excelente herramienta cuando se trata de tener una lista de subscriptores. en cual muchos de los que se dedican hacer negocios por Internet, lo utilizan con mucha frecuencia, bueno pues vamos a empezar a utilizar este tipo de alternativa para los proyectos siguientes.

Pero antes que nada vamos a ver como mejorar la apariencia del popup y sobre todo que normalmente en Blogger no existen estos tipos de popups, solamente en la plataforma de word press se pueden Utilizar... comúnmente llamados (Plugins) y que ayudan bastante para darle una mejor apariencia al blog, o utilizarlo como herramienta.

Les recuerdo que este es un blog de pruebas en cual instalaremos este famoso popup, y posiblemente encuentres variaciones y modificaciones constantes. pero en verdad vale la pena, y sobre todo si es que a penas estas iniciando en la fantástica creación de blogs..y sobre todo, en esta hermosa plataforma de blogger, que para mi punto de vista es excelente, que nada mas es cuestión de sacarle provecho al máximo.

Paso numero 1.-


Primero vamos a nuestra  Plantilla y en Edición de HTML  vamos a pegar antes de </head> lo siguiente:

<!-- Ventanas Pop up -->
<script>
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>

Si deseamos podemos hacerles Cambios a


Menubar (barra de menú)
Statusbar (barra de estado)
Location (barra de direcciones)
Toolbar (barra de herramientas)
Scrollbars (barras de desplazamiento)
Resizable (modificar tamaño de la ventana)

Sólo cambiamos el 0 por un 1 si es que deseamos mostrar algo de lo anterior. Recuerda el tamaño de la ventana lo podemos cambiar en donde dice width (ancho) y height (alto).

Ahora podemos ponerlo en alguna  entrada o elemento de HTML/Javascript y colocamos lo siguiente:

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

Sólo cambiaremos el URL del documento por la dirección donde tengamos alojada nuestra imagen, el formulario o la página en cual se va a abrir la ventana PopUp.

Ejemplo de texto
Abrir Una ventana PopUp

También podemos hacer que se abra mediante un botón en donde podemos cambiar lo anterior:

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

O ponemos un banner o una imagen:

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

OJO: No en todos los exploradores funcionan los ajustes para mostrar la barra de direcciones, la barra de estado, la barra de menú etc. así que es posible que se abra sin que vean ninguna opción de desplazamiento.

Espero que te haya servido este articulo y que me puedas dejar tu comentario, ya que esto me sirve bastante para poder mejorar y poderles brindar un buen servicio.

Dale click en compartir en cualquier boton de las redes sociales,  si es que te gusto este articulo de como poner un popup en blogger.