Lo puedes hacer mediante una ventana Pop-up.
Tienes que poner el siguiente código arriba de </head>:
<script LANGUAGE="Javascript">
//<![CDATA[
function popupmensaje() {
text = "<html>\n<head>\n<title></title>\n<body>\n";
text += "<center>\n<br/>";
text += "<font style='color:#0093DD;'>";
text += "¡Hola! ¿Por qué no te animas y dejas algún comentario?";
text += "<br/>";
text += "¡Hola! ¿Por qué no te suscribes y así estar actualizado?";
text += "</font>";
text += "</center>\n</body>\n</html>\n";
setTimeout('windowProp(text)', 1000); //tiempo demora en abrir
}
function windowProp(text) {
newWindow = window.open('','newWin','width=400,height=100'); // ancho y alto de la ventana
newWindow.document.write(text);
setTimeout('closeWin(newWindow)', 10000); //tiempo que se cierra sola la ventana
}
function closeWin(newWindow) {
newWindow.close();
}
popupmensaje()
//]]>
</script>
Rojo: El mensaje que quieres que diga tu ventana Va entre las 2 ""
Naranja: Tiempo en milisegundos que tarda en abrirse el pop up después de cargar la página (3000 = 3 segundos)
Verde: Tamaño del pop up (width = ancho y height = alto)
Azul: Tiempo en milisegundos que tarda en cerrarse el pop up después de que se abra (5000 = 5 segundos)
Celeste: color de texto.
Se puede personalizar el estilo con CSS.
Si no quieren que el mensaje aparesca al entrar para poder utilizarlo en un link o imagen, solo hay que quitar la siguiente linea:
popupmensaje()
Y para llamar a la función y así abrir la ventana:
<a href="javascript:popupmensaje()">Texto o imagen para abrir Ventana</a>
Ejemplo de abrir Ventana con un link
Leer Importante...
Enlaza el blog ...
Ultimos comentarios
como hago esto con un iframe?
Exactamente que es lo que quieres hacer? Quieres abrir unana ventana y que se cierre sola?
exactamente quiero poner el botón me gusta de facebook en un pop up, algo así como cuando entras a una aplicación facebook que te sale la ventanita con el botón o con algún mensaje.. sabes si se puede?
Fijate estas entradas: Parte 1 y Parte 2
En lugar de una imagen pone el código de facebook dentro del div.
Es lo que utilizo yo en la imagen de Mafalda al entrar en la página principal
gracias me sirvió ..pero te agradecería mucho si me decís, si se puede, como hacer para que solo se habra una sola ves.. porque cuando hago clic en algún enlace de mi pagina a otro lugar de la pagina, vuelve a parecer.. desde ya muchas gracias :)
Se puede con cookies, algo así como en esta entrada:
http://loseasi.blogspot.com/2009/07/post-it-de-aviso.html
O hacer con condicionales para que se vea solo en la página principal.
Bueno lo segundo que te pedi no me salio, pero de todas formas lo estoy usando.. te invito a que mires como quedo http://cosasparaelface.blogspot.com
gracias por la ayuda :D
Gracias por el aporte, finalmente me funcionó pero poniéndolo dentro de body, no en head, pero sabrías como se puede poner en otro color el fondo del pop up, es decir no en blanco. He intentado modificar el código pero me da fallo. Como quedaría el codigo pero con el fondo negro. Gracias.
@ Berna DG:
Es como modificar un HTML, fíjate el ejemplo este:
text = "<html>\n<head>\n<title>ACA PON UN TITULO</title>\n</head>\n<body bgcolor='#000000'>\n";
Le puse un título y el color del cuerpo con color negro.
Ojo, no confundas " con '
Gracias x tu rápida respuesta vku, pero lo que me cambia es toda la página no el color de fondo del pop up...
Mostrarme un ejemplo ya que no te entiendo lo que quieres hacer, sube una imagen o algo para yo ver.
En lo que yo te puse te cambia el fondo del pop up.
Tienes que cambiarlo en el código JavaScript y no en tu plantilla.
Por lo que vi a vos te conviene es hacer esto:
http://loseasi.blogspot.com/2010/07/mostrar-imagen-con-boton-de-cerrar-y.html
Ahi cambias la imagen por texto y personalizas el estilo del div a gusto.
Bueno no se...igual no me explico pero no te preocupes..de todas formas tampoco queda mal, como he puesto... si kieres visita mi blog y lo ves tu mismo, lo unico que kiero es poner el pop upo con fondo negro y color de la font blanco o gris, como la web...pero así tampoco me disgusta, echa un vistazo www.bernatenerife.com
Pd: ta mu chulo lo de la imagen con la esquina que tienes de cabezera..a ver si me pongo con eso..!" :5)
Como te dije. Pon esté código:
<script LANGUAGE='Javascript'>
//<![CDATA[
function popupmensaje() {
text = "<html>\n<head>\n<title></title>\n</head>\n<body bgcolor='#333333'>\n";
text += "<center>";
text += "<font style='color:#ffffff;font-weight: bold;'>";
text += " ¿Por qué no te animas y dejas algún comentario? ";
text += "<br/>\n<br/>";
text += " Te recuerdo que para silenciar la radio de la web y poder escuchar tranquilamente los videos, sólo tienes que darle a PAUSE o STOP en el player un poquito más abajo. ¡¡ Gracias por tu visita !! ";
text += "</font>";
text += "</center>\n</body>\n</html>\n";
setTimeout('windowProp(text)', 1000); //tiempo demora en abrir
}
function windowProp(text) {
newWindow = window.open('','newWin','width=350,height=150'); // ancho y alto de la ventana
newWindow.document.write(text);
setTimeout('closeWin(newWindow)', 40000); //tiempo que se cierra sola la ventana
}
function closeWin(newWindow) {
newWindow.close();
}
popupmensaje()
//]]>
</script>
Hola Vku. Soy nuevo en esto... así que disculpa algunas preguntas novatas.
En el código que nos diste aquí podríamos agregar un link??? Me refiero a que si podría en el lugar donde salen las oraciones "Hola porque no te suscribes...etc" poner un link hacia mi feed de feedburner.
Bueno, espero estar teniendo sentido.
Gracias
como poder se puede agregandole una linea mas
text += "<a href='http://loseasi.blogspot.com' target='_blank'>página</a>";
tiene que tener el target blank
Pero porque no haces lo que recomiendo en el comentario 12
http://loseasi.blogspot.com/2010/07/mostrar-imagen-con-boton-de-cerrar-y.html
PC <BODY BGCOLOR='#000000'>
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.