Mil Trucos Bloggers

Tutoriales y recursos para Blogger

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » Trucos Blogger » Ventanas PopUp en tu blog

domingo, 25 de diciembre de 2011

Ventanas PopUp en tu blog

Add Comment
Trucos Blogger
domingo, 25 de diciembre de 2011
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.
Abrir ventana 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.

Share

Like

G+

Tweet

Tweet
0 Komentar untuk "Ventanas PopUp en tu blog"

Add Comments

Entrada más reciente Entrada antigua Página Principal
Suscribirse a: Comentarios de la entrada (Atom)

Popular Week

  • Delicacy-Excelente plantilla Blogger para decoración
    Delicacy-Excelente plantilla Blogger para decoración
    Delicacy es una magnifica plantilla para Blogger que como lo indica el titulo de esta entrada es perfecta para sitios de decoracion, comidas...
  • Como recuperar mi contraseña en Blogger
    Como recuperar mi contraseña en Blogger
    Seguramente que muchas veces les ha pasado que olvidan su contraseña de acceso a su cuenta de Blogger, si has pasado por esta situación sabe...
  • Murciélagos volando que caen y se desvanecen en el blog
    Murciélagos volando que caen y se desvanecen en el blog
    Hoy es el dia de Halloween en todo el mundo y muchos son los que me han enviado solicitudes sobre algun tutorial para este dia, asi que acat...
  • Añadir marca de agua a las imagenes
    Añadir marca de agua a las imagenes
    Muchos bloggueros que comparten imagenes en la red quieren dejar su sello personal en dichas imagenes y que mejor forma que ponerles a las i...
  • Copos de Nieve cayendo en el blog
    Copos de Nieve cayendo en el blog
    Ya casi es navidad y muchos bloggers quieren poner sus blogs acorde al estilo de la epoca, asi que por eso hoy he querido compartir un truco...
  • Menú vertical con CSS3 y jQuery para Blogger
    Menú vertical con CSS3 y jQuery para Blogger
    En Ayuda Blogger he encontrado un maravilloso menu vertical hecho con CSS3 y libreria jQuery que ademas de tener un aspecto genial ahorra m...
  • Cursos para Blogger-Una buena oportunidad para aprender
    Cursos para Blogger-Una buena oportunidad para aprender
    En esta oportunidad quería compartir con ustedes algo muy importante en el mundo de los blogs y son los cursos para Blogger. En estos cursos...
  • ImageBam, Excelente hosting de imagenes
    ImageBam, Excelente hosting de imagenes
    Amigos Bloggero hoy paso a recomendarles un excelente hosting de imagenes y es ImageBam, que es un servicio de almacenamiento que permite gu...
  • Suscripcion por email en Blogger
    Suscripcion por email en Blogger
    Este truco nos permitira la suscripcion via email para nuestros lectores asi nuestras entradas les llegaran a su correo. El recuadro de la s...
  • Rating Widget-Un sistema de calificaciones para tu blog de Wordpress
    Rating Widget-Un sistema de calificaciones para tu blog de Wordpress
    Siguiendo con los tutoriales para Wordpress hablare de un excelente plugin que he usado para agregar un sistema de calificaciones a mis blog...

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Blog Archive

  • ►  2014 (20)
    • ►  enero (20)
  • ►  2013 (322)
    • ►  diciembre (34)
    • ►  noviembre (31)
    • ►  octubre (35)
    • ►  septiembre (33)
    • ►  agosto (42)
    • ►  julio (13)
    • ►  junio (17)
    • ►  mayo (26)
    • ►  abril (30)
    • ►  marzo (22)
    • ►  febrero (15)
    • ►  enero (24)
  • ►  2012 (171)
    • ►  diciembre (19)
    • ►  noviembre (20)
    • ►  octubre (13)
    • ►  septiembre (15)
    • ►  agosto (10)
    • ►  julio (10)
    • ►  junio (8)
    • ►  mayo (15)
    • ►  abril (12)
    • ►  marzo (15)
    • ►  febrero (19)
    • ►  enero (15)
  • ▼  2011 (186)
    • ▼  diciembre (20)
      • Feliz Año Nuevo 2012!
      • Eliminar o cambiar "Publicar un comentario en la e...
      • Menú vertical con CSS3 y jQuery para Blogger
      • Añadele estilo a los textos citados de tu blog
      • Ventanas PopUp en tu blog
      • Feliz Navidad 2011!
      • Marcadores Sociales "style to fashion" para Blogger
      • Krismas-Plantilla navideña para Blogger
      • Nieve en el blog mediante un gadget
      • El Fan box de Twitter en tu blog
      • El Fanbox de Twitter, flotante y con efecto desliz...
      • Gadget "Follow on Twitter" para Blogger
      • Efecto página doblada en tu blog con jQuery
      • Marcadores Sociales Navideños para Blogger
      • Emoticones de Messenger para Blogger
      • Red Christmas-Plantilla navideña para Blogger
      • Mil Trucos Blogger esta a la venta (Cancelado)
      • Gadget "Papá Noel Patinador" para Blogger
      • Arbol de Navidad que muestra los dias que faltan p...
      • Gadget "Trineo de Papá Noel" para Blogger
    • ►  noviembre (16)
    • ►  octubre (16)
    • ►  septiembre (16)
    • ►  agosto (18)
    • ►  julio (19)
    • ►  junio (22)
    • ►  mayo (25)
    • ►  abril (28)
    • ►  marzo (6)

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

© Mil Trucos Bloggers Published By Kaizen Templates powered by Blogger.com.
All Right Reserved By .