Mensaje de alerta al entrar y salir del blog

27 de febrero de 2009 72 comentarios ,
Si quieres poner un mensaje de bienvenida en el blog o un mensaje de advertencia como el que se ve en el ejemplo entonces hacemos lo siguiente:

Mensaje de alerta
Vamos a poner esta alerta en el blog entrando en Diseño | Edición de HTML y pega antes de </body> lo siguiente:

<script language='JavaScript'>
alert("Aquí escribe tu mensaje");
</script>


Si quieres que el mensaje aparezca cuando el usuario abandona el blog entonces busca la etiqueta <body>
Y cámbiala por esta:
<body onunload='confirm(&quot;Aquí tu mensaje de despedida&quot;);'>
Si usas una plantilla hecha con el Diseñador de Plantillas de Blogger entonces busca esta línea:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Y cámbiala por esta otra:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass' onunload='confirm(&quot;Aquí tu mensaje de despedida&quot;);'>

Para muchos este mensaje de alerta puede resultarles muy molesto, así que recomiendo que sólo lo uses si es realmente necesario.


72 comentarios en:

" Mensaje de alerta al entrar y salir del blog "

  1. EXCELSO KOMO SIEMPRE MI POTRO
    GRX!!!

    ResponderEliminar
  2. Hola!

    Quisiera saber si se puede aplicar este mensaje de alerta a una entrada especifica. Gracias

    ResponderEliminar
  3. Hola CHERRY,

    Qué bueno que te ha servido.
    Saludos.

    ResponderEliminar
  4. Hola Profe Priscila,

    Qué bueno que te ha servido para tu blog.
    Saludos.

    ResponderEliminar
  5. tigre felicidades por tu trabajo, te enlaze en mi blog, y estoy al tanto de la que sale de tu cocina, asi que aqui va mi poblemita????

    he probado varios mensajes de este tipo que circulan por la web, pero todos tienen el mismo problema (el Mensaje sale en todas las páginas) y lo que pregunto es ¿es posible hacer que dicho mensaje salga solo en la página de inicio-Como una bienvenida al blog*pero sola una ok*, no que salga siempre eje.-cada vez que se entra a una entrada-?

    bueno men eso es todo, desde ya muchas gracias y Happy New Year!!

    ResponderEliminar
  6. Hola djzorro,

    Claro que se puede, se puede agregar un código condicional para que sólo aparezca en la página principal, en el resto de las entradas no. El código completo es el siguiente:

    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <script language='JavaScript'>
    alert(&quot;Aquí escribe tu mensaje&quot;);
    </script>
    </b:if>

    Saludos!

    ResponderEliminar
  7. De lujo men, thanks

    que para mi eres "EL Caballero Del Blog"

    ResponderEliminar
  8. Gracias a ti por tu visita y tu confianza ;)
    Saludos!

    ResponderEliminar
  9. ERES LO MASIMO SI SAVES COMO PONER LOS CODIGOS NO COMO OTROS GRACIAS POR TU AYUDA

    ResponderEliminar
  10. Hola El Potro, a mí me gustaría hacer un aviso que ponga: "¿Aún no tienes Mozilla Firefox o Windows 7? Este blog no es muy compatible con el que tienes actualmente"
    Y me gustaría que sólo saltase ese mensaje si los visitantes no tienen el Windows 7 o Mozilla Firefox. ¿Se puede hacer? Si no tienes mucho tiempo no te preocupes y no me respondas, ya pongo un mensaje general.

    ResponderEliminar
    Respuestas
    1. SE QUE HA PASADO TIEMPO DESDE QUE SE DIJO ESE COMENTARIO
      Toptrucos 13
      SI QUIERES QUE APAREZCA UN MENSAJE DE ALERTA SI UTILIZA IE EXPLORER PON ESTO EN CUALQUIER ELEMENTO HTML
      <style>
      #HTML3 {
      display:none;
      }
      </style>
      <!--[if IE]>
      <style>
      #HTML3 {
      display:block;
      }
      </style>
      <script>
      alert ('ESTAS UTILIZANDO IE EXPLORER, NO TE LO RECOMIENDO')
      </script>
      <![endif]-->

      ESPERO QUE TE SIRVA

      Eliminar
    2. Oye eres un fenomeno!!!! gracias!! igual ni lees esto porque es viejo, pero tengo todo el dia buscando algo asi y no lo encontraba....

      Mi blog no rula en IE (que cosa rara jajjaa) y como no tengo ni idea de html y similares, paso de andar rompiendome el coco con las compatibilidades, que hagan un navegador decente de una vez que para eso son tan Microsot... perdon por el tocho, pero odio explorer con todo mi corazon!!! =)

      Eliminar
    3. Muchos compartimos ese sentimiento, no te preocupes :D

      Eliminar
  11. gracias de verdad muy buen aporte, incluí un mensaje a una web que se ve mejor en firefox, internet explorer a veces da rabia. Los invito a mi blog http://amigaswebs.blogspot.com también tengo un directorio web para que publiquen su web o blo, solo deben enlazarme http://direct.awardspace.info/directoriow también http://directoriosweb.tk

    ResponderEliminar
  12. Toptrucos, con un mensaje de alerta no sé, pero puedes hacer que aparezca un mensaje de texto tal como sugieren en Vagabundia:
    http://vagabundia.blogspot.com/2010/02/detectar-el-navegador-de-los-visitantes.html


    Pablo, qué bueno que te ha sido útil.

    ResponderEliminar
  13. Potro necesito su ayuda, acabo de terminar un diseño, lo probé en diversos navegadores en todos funciono a la perfección excepto en IE, Necesito que me digas si hay alguna posibilidad que las personas que visiten el blog usando IE les salga un mensaje que les advierta que no se visualiza correctamente con ese navegador. Necesito su ayuda xq hay un 12% de usuarios de IE que visitan el blog no quiero perder visitas :(

    ResponderEliminar
  14. El mensaje de alerta también debe verse en Internet Explorer, yo lo he probado ahí en varias ocasiones y nunca he tenido problema.

    ResponderEliminar
  15. hola potro me gustra si puede ser k me esplicaras como poner un mensaje de alerta cuando alguien kiere copiar el texto o la fot :)

    si puedes contestame a mi blogger xfa :$


    http://mimundogiraalreves.blogspot.com/



    gracias y k valla bn ^^

    ResponderEliminar
  16. Hola Mr.Potro :P
    Yo puse la alerta esta,y ahora no me gustó mucho como me quedó.Lo quise quitar y no pude :/
    que parte tengo que quitar para que no me aparezca mas el cartel? :'(

    ResponderEliminar
  17. Sólo mira en la entrada los códigos que debías agregar, búscalos y elimínalos, pero sólo los códigos que se agregaron.

    ResponderEliminar
  18. Si ya sé... pero cuando lo elimino,pongo vista previa,y me dice que no se pudo analizar la plantilla porque no está bien formulada.
    Yo quité solo ese fragmento que corresponde a el mensaje/alerta.
    Espero tu respuesta. :)

    ResponderEliminar
  19. Ya lo quité sin problemas.Gracias igual.GENIO! :)
    (Amo alagar a la gente :3)
    Vos/Tu mejoras mi blog con todas tus entredas.

    ResponderEliminar
  20. Gracias Germi, qué bueno que pudiste quitarlo :)

    ResponderEliminar
  21. Muchas gracias, no encontraba la manera de que sólo saliera en la página principal. ¡Saludos!

    ResponderEliminar
  22. Qué gusto que te haya sido útil :)

    ResponderEliminar
  23. Ya se que escribistes esta entrad ahace mucho tiempo, pero resulta que quiero usar los valores if y else para un confirm en el que if te redireccione a un sitio y else permita el cierre de la pagina (estoy usando el onunload) y se hacer el codigo pero cuando pongo en body me sale error que no se puede leer la plantilla y cunado pongo " en lugar ' si me lo lee pero al cerrar el blog no salta el confirm.

    ResponderEliminar
  24. Mira te dejo el codigo que estoy usando:

    onunload='if(confirm(&apos;'Espero que hayas disfrutado de la visita a mi blog, ahora, ¿me ayudarías a difundirlo un poco más votándome? Pulsa Aceptar para votar o Cancelar para abandonar la página definitivamente.&apos;)) document.location=(&apos;http://laventanadewindows.boosterblog.es/&apos;) return false; else return true;'

    ResponderEliminar
  25. Hola Óliver.G,

    Si lo estás poniendo dentro del body entonces quizá necesites convertir el código a texto plano. Prueba de ese modo para ver si eso resuelve el problema.

    ResponderEliminar
  26. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  27. No funciono, sigue dando error al analizar los elemntos de su plantilla -.- Se te ocurre algo más? Sino muchas gracias de todas formas
    Te enlazo :)

    ResponderEliminar
  28. Lo más cercano a ello que se me ocurre es esto antes de </head>

    <script language='JavaScript'>
    function vote ()
    {ttms=window.open("http://google.com","Votar");}function
    cancel () {}if (confirm("Si te ha gustado nuestra página regálanos un voto.")) {vote();} else cancel()
    </script>

    Y dentro de la etiqueta <body> esto: onbeforeunload='vote()'

    ResponderEliminar
  29. Si funciona perfectamente, muchas gracias, pero el confirm aparece sin apenas abrise la pagina cuando abro la pagina, a pesar de de poner en el body 'onbeforeunload' o 'onunload'
    creo que se debe a que lee primero debido a que está entre head y /head?
    Y luego cuando le doy, prefiero que redireccione al blog, no que abra un popup, algo asi como window.replace.location.href; pero tampoco me molesta tanto, lo que si es que el confirm se abre una y otra vez, claro, pQ la pagina de voto contiene mi pagina debajo.

    ResponderEliminar
  30. Podría ser por eso, puedes probar ponerlo justo después de la etiqueta body, yo no lo probé mucho porque ando super corto de tiempo, pero a partir de ese código puedes hacer algunas modificaciones y con suerte queda tal como deseas.
    Saludos.

    ResponderEliminar
  31. Intenté de muchas formas, por ejemplo con only(onunload=vote); pero no funcionó, mira este es el codigo en que mas pensaba confie, pero no funciono, de momento voy a dejar aparacado este tema, si eres capaz de hacer que funcione lo publicas poraqui, yo me paso de vez en cuando, sino no te preocupes.

    function vote ()
    {ttms=document.location("http://laventanadewindows.boosterblog.es/","Votar");}function
    cancel () {}if (confirm("Si te ha gustado nuestra página regálanos un voto.")) {vote();} else cancel()
    only(onunload=vote);

    ResponderEliminar
  32. Hola potro, ya consegui que funcionara, se abre con setTimeOut desde onload body: Dejo el codigo poraqui por si a alguien le interesa:

    Antes de /head:

    function pedirVoto(){
    if (confirm("Espero que te guste la pagina, por favor, ayuda a su expansión, pulsando sobre Aceptar para votarme.")){
    window.top.location.replace("AQUI LA URL DE REDIRECCIÓN")
    }
    }


    y luego buscar etiqueta body y sustituir su contenido por esto:

    body onload='setTimeout("pedirVoto()",15000)'

    El numero 15000 son los milisegundos a los que se abre el confirm despues de que haya empezado a cargarse la pagina.

    ResponderEliminar
  33. Qué bueno que ya lo has resuelto ;)

    ResponderEliminar
  34. SE QUE HA PASADO TIEMPO DESDE QUE SE DIJO ESE COMENTARIO
    Toptrucos 13
    SI QUIERES QUE APAREZCA UN MENSAJE DE ALERTA SI UTILIZA IE EXPLORER PON ESTO EN CUALQUIER ELEMENTO HTML
    <style>
    #HTML3 {
    display:none;
    }
    </style>
    <!--[if IE]>
    <style>
    #HTML3 {
    display:block;
    }
    </style>
    <script>
    alert ('ESTAS UTILIZANDO IE EXPLORER, NO TE LO RECOMIENDO')
    </script>
    <![endif]-->

    ESPERO QUE TE SIRVA

    YA QUE ESTAS MIRA MI BLOG http://mundoblogger.tk

    ResponderEliminar
  35. Apliqué lo siguiente, que esta en tus sugerencias...
    "Y cámbiala por esta otra:..."
    Lo coloque en el HTML de la página principal, le di Actualizar, y observé al visualizar y cerrar que funcionó; Muchas Gracias por el dato.

    ResponderEliminar
  36. Al hacer las pruebas en las entradas... habiendo colocado en la primera, el código sugerido, si se va a cambiar de Etiquetas, aparece el mensaje de despedida, sin haber salido del blog. Pense que se establecía para el cierre del blogspot. Gracias, le di uso para una sola Entrada.

    ResponderEliminar
  37. hola Potro gracias por los consejos el mensaje de entrada me va perfectamente, el problema es que yo uso una plantilla que no es diseñada por blogger y no encunetro el body ni el
    body expr:class='"loading" + data:blog.mobileClass'>
    y quisierqa poner un mensaje de salida me puedes ayudar?

    ResponderEliminar
    Respuestas
    1. Hola marck224, me encantaría ayudarte pero sino me dices en cuál blog lo quieres hacer no puedo hacerlo :/

      Eliminar
  38. SALUDOS POTRO, POR FAVOR SI ME PUEDES AYUDAR CON LO SIGUIENTE:
    1. SE PUEDE COLOCAR A UN BLOG DE BLOGGER, UN AVISO A MI MAIL CUANDO INGRESE CADA PERSONA AL MISMO?... Y SE PUEDE SABER EL MAIL O EL TWITTER DE C/U DE LOS QUE INGRESE?...SIN QUE SEPAN ELLOS?
    2. SE PUEDE COLOCAR UN CONTADOR INVISIBLE PARA LOS QUE INGRESEN AL BLOG PERO QUE YO COMO ADMINISTRADOR DEL BLOG SI LO PUEDA VER?...

    DE SER POSIBLE AMBOS PUNTOS, ME PODRÍAS EXPLICAR COMO HACERLO PASO A PASO!...
    MIL GRACIAS POR TU APORTE DE ANTEMANO.

    ResponderEliminar
  39. SALUDOS POTRO, POR FAVOR SI ME PUEDES AYUDAR CON LO SIGUIENTE:
    1. SE PUEDE COLOCAR A UN BLOG DE BLOGGER, UN AVISO A MI MAIL CUANDO INGRESE CADA PERSONA AL MISMO?... Y SE PUEDE SABER EL MAIL O EL TWITTER DE C/U DE LOS QUE INGRESE?...SIN QUE SEPAN ELLOS?
    2. SE PUEDE COLOCAR UN CONTADOR INVISIBLE PARA LOS QUE INGRESEN AL BLOG PERO QUE YO COMO ADMINISTRADOR DEL BLOG SI LO PUEDA VER?...

    DE SER POSIBLE AMBOS PUNTOS, ME PODRÍAS EXPLICAR COMO HACERLO PASO A PASO!...
    MIL GRACIAS POR TU APORTE DE ANTEMANO.

    ResponderEliminar
    Respuestas
    1. No se puede lo primero PACHECOK1, pero para lo segundo puedes usar Google Analytics, son estadísticas del blog que sólo tú puedes ver.

      Pd. Usa minúsculas, en Internet usar mayúsculas es como estar gritando ;)

      Eliminar
  40. OK! gracias por tus respuestas y lo de escribir en mayúsculas, no lo había visto ni oído ni leído! pero lo pondré en practica y habrá que pasar la ola porque hay muchos que escribimos así.

    ResponderEliminar
  41. OK! Potro, pondré en practica tu Pd. la verdad no había visto, leído o escuchado al respeto, y habrá que poner por obra el cambio y sugerirles a los que como en mi caso nos gusta escribir así.
    Gracias por tus respuestas y felices y tranquilas vacaciones.

    ResponderEliminar
  42. El Potro, quisiera poner este mensaje en mi web pero con un botón que cuando lo presiones te lleve a una web determinada.

    ¡GRACIAS!

    ResponderEliminar
    Respuestas
    1. Hola Jesús, sé cómo hacerlo pero para que abra la alerta se tiene que hacer click a algún enlace, no sé cómo pueda hacerse al cargar el blog :(

      Eliminar
  43. eyy como puedo poner un mensaje de pagina algo asi http://holaquetepas.blogspot.com.ar/ cree ese blog para la imagen quiero algo asi se puede????? en faceboook no en un blog sabes como? desde siempree mil gracias :D

    ResponderEliminar
    Respuestas
    1. En Facebook no se puede añadir nada de códigos.
      Saludos.

      Eliminar
  44. HOLA AMIGO EL BLOG QUE HE REALIZADO SE HA ENRIQUECIDO MUCHO CON TUS APORTES GRACIAS....
    POR OTRO LADO QUISIERA PREGUNTARTE CON EL MENSAJE DE DESPEDIDA PASA IGUAL QUE CON EL DE BIENVENIDA, CADA VEZ QUE LE DOY CLICK A UNA DE LAS PAGINAS DEL BLOG ESTE ME APARECE COMO HAGO PARA QUE APAREZCA SOLAMENTE CUANDO DEFINITIVAMENTE SE SALE DEL BLOG?? GRACIAS NUEVAMENTE

    ResponderEliminar
  45. holas y como puedo poner una caja de facebook en donde se le da like al facebook al iniciar una web con codigo html :S

    ResponderEliminar
    Respuestas
    1. No tengo alguna entrada sobre ello, he visto en la red uno pero no recuerdo dónde lo vi :(

      Eliminar
  46. Hola!
    excelente blog!

    Tengo una preguntita; es posible que el mensaje aparezca sólo cuando le das click en un link de una entrada o cuando accedas a un dominio especifico?

    ResponderEliminar
    Respuestas
    1. Hola Alex, así sería en un link:
      <a href="URL del enlace" onclick='confirm(&quot;Aquí tu mensaje de despedida&quot;);'>Hola</a>

      Eliminar
  47. no me funciona http://exitomentor.blogspot.com te agradecería me dijeras que fue lo que hice mal

    ResponderEliminar
  48. Una pregunta como lo saco.... lo puse hace un mes, pero a quienes entran les molesta. quiero sacarlo, pero en el HTML no lo encuentro ahora...

    ResponderEliminar
    Respuestas
    1. Da click dentro de los códigos del editor, luego presiona las teclas CTRL + F y busca una parte del código, con eso lo localizarás y podrás quitarlo.

      Eliminar
  49. Hola, una pregunta quiero una alerta para mi pagina web con base de datos quiero que a registrar un usuario me limpie los campos solo quiero una alerta que diga su registro fue correcto y me deje normal en la pagina de registro y así poder seguir registrando eh probada varios formas pero no lo soluciono.

    ResponderEliminar
  50. Hola, una pregunta quiero una alerta para mi pagina web con base de datos quiero que a registrar un usuario me limpie los campos solo quiero una alerta que diga su registro fue correcto y me deje normal en la pagina de registro y así poder seguir registrando eh probada varios formas pero no lo soluciono

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

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

 
Ir Arriba Ir Abajo
I Ciudad Blogger