Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada
Ventanas emergentes en sitios web o blog.

El término denomina a las ventanas que emergen automáticamente (generalmente sin que el usuario lo solicite) mientras se accede a ciertas páginas web. A menudo, las ventanas emergentes se utilizan con el objeto de mostrar un aviso publicitario de manera intrusiva. Una técnica relacionada a esta es la denominada pop-under (que consiste en abrir de manera intempestiva nuevas ventanas que se sitúan detrás de la ventana en uso).

Los anuncios pop-under (como dicho anteriormente) son una variedad de lo que son los pop-up.

Leer más en Wikipedia:

Pop-up con JavaScript.

Primera forma:

Crearemos una función con los elementos que queremos que tenga nuestra ventana.

Ponemos el siguiente código arriba de </head>:
<script language="JavaScript">
function Abrir_ventana (pagina) {
var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=508, height=365, top=85, left=140";
window.open(pagina,"",opciones);
}
</script>

Elementos para dar forma a la ventana:
  • fullscreen: Hace que la ventana se abra en toda la pantalla.
  • toolbar: Hace que la ventana se abra con o sin barra de herramientas.
  • location: Hace que la ventana se abra con o sin barra de direcciones.
  • directories: Hace que la ventana se abra con o sin barra directorios.
  • status: Hace que la ventana se abra con o sin barra de estado.
  • menubar: Hace que la ventana se abra con o sin barra de menú.
  • scrollbars: Hace que la ventana presente o no las barras de desplazamiento.
  • resizable: Si la ventana puede cambiar de tamaño o no.
  • width: El ancho de la ventana.
  • height: El alto de la ventana.
  • top: La posición vertical de la ventana.
  • left: La posición horizontal de la ventana.
Cuando ponemos el atributo=YES estamos forzando a que ese elemento se vea.
Cuando ponemos atributo=NO lo que hacemos es evitar que ese elemento se vea.

Ahora llamaremos a la función.

Les voy a dar 3 ejemplos con los cuales podemos abrir nuestra ventana pop-up.

Abrir una ventana al entrar a la página.
<body onload="Abrir_ventana('http://URL/ejemplo-popup.html')">

Abrir una ventana al cerrar la página.
<body onunload="Abrir_ventana('http://URL/ejemplo-popup.html')">

Estos 2 ejemplos anteriores se colocan reemplazando la etiqueta <body>.

Abrir un ventana a través de un enlace. (El enlace llama a la función que abre la ventana)
<a href="javascript:Abrir_ventana('http://URL/pop-up.html')">Click aquí para abrir la ventana</a>

Cambiar link del pop-up (http://URL/pop-up.html).
Cambiar (Click aquí para abrir la ventana) por otro texto o una imagen.
Poner en el lugar que se quiera mostrar el link.

Ver ejemplos:

Segunda forma:
Para mí, esta es la mejor manera. (la recomiendo)

No necesitamos poner ningun otro código, solamente se coloca el siguiente código en el lugar que se quiera mostrar el link.

Abrir un ventana a través de un enlace. (El enlace llama a la función que abre la ventana)
<a href="http://URL/pop-up.html" onClick="window.open(this.href, this.target, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=508, height=365, top=85, left=140'); return false;">Click aquí para abrir la ventana</a>

Cambiar link del pop-up (http://URL/pop-up.html).
Cambiar (Click aquí para abrir la ventana) por otro texto o una imagen.
Cambiaremos los elementos segun quieramos mostrar la ventana al igual que en la primera forma.

Ver ejemplo:
Click aquí para abrir la ventana

Leer Importante... Comentar esta entrada ▼ Ir al principio de la entrada
Zakros dijo...

No me funciona nose que estoi haciendo mal quiero que se popup automatico

Vku dijo...

Tienes mal el código fijate bien en \ y en "

A parte que va dentro del cuerpo entre las etiquetas body y no dentro de head

Vku dijo...

Claudia, los ejemplos no tienen títulos por eso muestra el link completo.

CLAUDIA ESTHER ZAMBRANO OLMOS dijo...

Hola, mi consulta es como se hace para que en vez de la url de la pagina en la barra de titulo salga otra descripcion, utilizando el codigo propuesto en la segunda forma.gracias.

Vku dijo...

Vos al abrir una ventana estas mostrando otra página.

Es como si abres el explorador, para que se vea la pestaña con el título cambia toolbar=no por toolbar=yes

Fijate donde dice Elementos para dar forma a la ventana:

Cambia no por yes en lo que quiras mostrar.

Lapifors dijo...

muchas gracias,
me habia costado un mundo entender,
me quedo super claro con el ejemplo
=)

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.



Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.


Nota: solo los miembros de este blog pueden publicar comentarios.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?