lunes, 26 de diciembre de 2011

Ventanas PopUp en tu blog

Pop Up es una ventaja emergente que se abre mostrando algun mensaje,y aqui es donde radica su importancia ya que si pones una imagen para que se abra en un PopUp en lugar de ponerla en el blog tu entrada cargara visiblemente mas rapido.

En la siguiente imagen puedes ver un ejemplo de PopUp



Para agregar esta caracteristica a tu blog ve a  Edición de HTML y antes de </head> pega 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 -->

Puedes cambiar estos valores si quieres mostrar lo siguiente:

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

Solo cambia el 0 por 1 en alguno de los campos anteriores si lo quieres agregar. El tamaño de la ventana (PopUp) lo puedes cambiar donde dice width (ancho) y height (alto).

Ahora en la Edición HTML de una entrada o en un elemento HTML/Javascript añade lo siguiente:

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

Solo cambia URL del documento por la URL de la imagen,documento o pagina que se vaya abrir en el PopUp.



También puedes poner un boton como el siguiente.
 <form>
<input type=button value="Abrir ventana PopUp" onClick="javascript:popUp('URL del documento')">
</form>




O tambien puedes agregar una imagen. 

Click para abrir el regalo


Como vez es un truco muy facil de agregar que le ahorrara tiempo de carga al blog.



De: www.miltrucosblogger.info
Related Posts Plugin for WordPress, Blogger...