Mensajes en la barra de titulo

5 de septiembre de 2009 30 comentarios ,
Hemos visto dos formas de poner en movimiento la barra de título del navegador, una es como una marquesina y otra es como máquina de escribir. Esta vez jugaremos también con el área de la barra de título, pero más que poner en movimiento el título de blog mostraremos mensajes para dar la bienvenida a tus lectores o dar alguna información. Para que sepas de lo que hablo mira en la barra de título de este blog de pruebas.

Para mostrar mensajes en la barra de título de tu blog pega antes de </head> lo siguiente:
<script language='JavaScript'>
var default1 = "::Bienvenidos::"; // Este mensaje sólo se muestra cuando se carga la página
var text1 = "Muestra mensajes en el título del blog";
var text2 = "Quieres saber cómo?";
var text3 = "CiudadBlogger.com";
var changeRate = 3000;
var messageNumber = 0;

function changeStatus() {
if (messageNumber == 0) {
window.status=default1;
document.title=default1;
}
else if (messageNumber == 1) {
window.status=text1;
document.title=text1;
}
else if (messageNumber == 2) {
window.status=text2;
document.title=text2;
}
else if (messageNumber == 3) {
window.status=text3;
document.title=text3;
messageNumber = 0;
}

messageNumber++;
setTimeout("changeStatus();",changeRate);

}

changeStatus(); // leave here to run right away

// -->
</script>

Ahora sólo cambia lo que está en rojo por tus mensajes que vas a mostrar. El primero sólo se mostrará una vez cuando se cargue la página.
Si deseas agregar más mensajes agrega una línea en el área de los mensajes como esto:
var text4 = "Otro mensaje";

Y luego más abajo agrega también esto:
else if (messageNumber == 4) {
window.status=text4;
document.title=text4;
messageNumber = 0;
}

En ambos casos deberás modificar el número del mensaje, 4, 5, 6, etc. De igual forma si agregas más mensajes elimina la última línea que está en el mensaje #3
messageNumber = 0;
De modo que sólo aparezca esa línea en el último mensaje.

Los mensajes cambiarán cada 3 segundo, si deseas modificar el tiempo localiza esta línea:
var changeRate = 3000;
Ahí cambia 3000 por el número de milisegundos, por ejemplo 5000 para 5 segundos.


30 comentarios en:

" Mensajes en la barra de titulo "

  1. Que tal tus vacaciones Potro.... espero las hayas disfrutado de verdad...

    Saludos

    por otra parte esto se puede hacer tambien en la barra de direcciones?

    ResponderEliminar
  2. Ahhhhh.... que placer volver y encontrar al dueño de esta ciudad!!!!

    Ya extrañaba los trucos! Éste está muy bueno!!!

    Nunca debo haber prestado atención, porque no sabía que se podía hacer esto, no lo había visto en ningún blog.

    Sólo espero que tus vacaciones hayan sido de lo mejor!

    Un abrazo!!!

    ResponderEliminar
  3. Hola WeS,

    Las disfruté como no tienes idea, ya hasta me quiero ir a vivir a Cancún =)
    Hay códigos específicos para mostrar mensajes en la barra de estado (no en la de direcciones) pero ya son obsoletos y no funcionan con ningún navegador reciente.

    Saludos.

    ResponderEliminar
  4. Hola brother,

    Igual me da gusto estar de regreso y poder verlos de nuevo.

    Un abrazo!

    ResponderEliminar
  5. Llegando y Posteando, Que tal esas vacaciones, espero que la pasaras chévere, Mi blog lo extraño jajajaj. Bienvenido

    ResponderEliminar
  6. Hola Potro.
    Bienvenido y de vuelta al blog...
    Estamos en contacto.
    Saludos.
    Jpz.-

    ResponderEliminar
  7. hola quisiera saber como poner un link de registro en mi blog,(para que sean usuarios de mi blog), espero me ayudes,saludos

    ResponderEliminar
  8. HOLA NO SÉ QUIEN ERES PERO GRACIAS POR DAR ESTOS TIPS, SOY COMO ME DICE MI HAJA UNA LUSSER...Y SABES...CREO QUE ES ALGO PADRE CONOCER ESTOS TIPOS.
    COMO SOY MAESTRA Y Y SÓLO TENGO LIBROS, NADA QUE VER CON LA COMPU, PUES SOY NEOFITA EN ESTO.
    PERO COMO DICE UN PERSONAJE ..ERES HACKER...ES DECIR TU INGENIO LO POSTRAS SIN PEDIR NADA A CAMBIO..
    GRACIAS.

    ResponderEliminar
  9. Hola Dr. Víctor,
    Me costó mucho hacer el post, ya que hasta los dedos los traigo bronceados y arden jajaja.
    Saludos.

    Hola Jpz,
    Gracias hermano, aquí estoy de vuelta para lo que se te ofrezca.
    Saludos.

    ResponderEliminar
  10. Hola CR9,

    Lamentablemente Blogger no ofrece la opción de suscripción y registro de usuarios a los blogs, esperemos que más adelante se pueda hacer.

    Saludos.

    ResponderEliminar
  11. Hola Yoly,

    De nada nos serviría el conocimiento si no pudiéramos compartirlo.
    Me da gusto que aquí puedas encontrar información que te es útil para tu blog.

    Saludos!

    ResponderEliminar
  12. hola el potro espero que hayas pasado unas frlices vacaciones he estado tratando de poner esto en mi blog pero no me sale y pues tengo otra duda como puedo hacer que un boton con imagen redireccione a otra parte por ejemplo un metroflog espero que me puedas ayudar

    ResponderEliminar
  13. Hola It's Notice,

    Estos scripts generalmente no funcionan si tienes algún otro script como el de los scrolls, así que ahí habría que decidir cuál de los dos usar.
    Para poner un botón con un enlace sólo usa este código:

    <a href="URL del enlace"><img src="URL de la imagen"/></a>

    Saludos.

    ResponderEliminar
  14. Potro, quiero dejar un mensaje estático en la barra de título. Intenté hacerlo por mi cuenta borrando lo que creí innecesario pero no me funcionó, por lo que puse en los 4 mensajes lo mismo.

    ¿Podrías decirme cómo quedaría el código para que hubiese sólo 1 mensaje estático, por favor?
    Muchas gracias de antemano ;)

    ResponderEliminar
  15. Sólo elimina del código esta parte:

    else if (messageNumber == 2) {
    window.status=text2;
    document.title=text2;
    }
    else if (messageNumber == 3) {
    window.status=text3;
    document.title=text3;
    messageNumber = 0;
    }

    Con eso aparecerá sólo el primer mensaje que hays puesto.

    ResponderEliminar
  16. Hola este blog de que se supone que va? Tíos

    ResponderEliminar
  17. Hola Patricia, como dice el slogan en el logotipo, es sobre trucos y tutoriales para blogs de Blogger.

    ResponderEliminar
  18. Hola Potro, imagino que ya te habrán planteado el problema del mensaje de error en la barra de estado, la verdad es que de momento lo había tenido a raya, y siempre me fijaba en las modificaciones de los post, o la barra wifiya... y si me salía borraba las modficicaciones y lo quitaba.. Es curioso porque todo está perfect excepto eso. Lo unico que he encontrado al respecto es este código obviamente con sus codigos de script de apertura y cierre:

    type='text/javascript'>
    window.onerror = function() { return true; }

    A mi no me funciona, solo a veces, he leido que parece que google, está al tanto y está trabajando en ello... Quizás tu sepas algo e incluso ya sepas las solución tu ke estás full con esto. Porfa, dime algo al respecto. Felicidades x dedicación.

    ResponderEliminar
  19. Hola Berna DG,

    No sé bien de cuál error hables, pero he entrado a tu blog y no veo ningún mensaje de error en la barra de estado. Pensé que quizá te referías a Internet Explorer que es donde se muestran siempre esos errores pero también he entrado desde ahí y no veo ningún mensaje de error.

    De cualquier forma, si se tratara de un error que marca IE entonces no es problema con Google o algún otro servicio sino únicamente de IE que toda la vida ha mostrado esos errores por no adaptarse a los estándares de los demás navegadores. No creo que tengas de qué preocuparte pues aun cuando te saliera ese error no importa siempre y cuando tu blog se vea y funcione bien.

    ¡Saludos!

    ResponderEliminar
  20. Gracias x tu rápida resuesta, es curioso, pero es cierto...he vuelto a entrar en el blog y ha desaparecido...eres mano de Santo XD jajja. Bueno me kedo con el comentario. Gracias. ¡¡¡ Hasta pronto..!!!

    ResponderEliminar
  21. Hola de nuevo amigo tengo una duda que se relaciona con el nombre que aparece en barrita,

    puse un foro hasta debajo de mi blog y esto hace q el nombre que aparece en la barrita cambie ya sea por el nombre del foro o por el url del blog y por mas que intentamos no puedo reconfigurarlo a menos claro quitando ese foro,

    ¿hay algún código que pueda poner antes y después de mi codigo del foro o algo que pueda hacer q mi blog tenga su nombre sin tener que quitar el foro gracias

    ResponderEliminar
    Respuestas
    1. Pues tendría que ver cómo es el código del foro que pusiste. ¿En cuál blog lo tienes puesto?

      Eliminar
  22. http://foroanaymia.blogspot.com/


    EL CODIGO NO ME LO DEJA PONER AQUI ASI Q TE LO PONGO EN IMAGEN
    http://img820.imageshack.us/img820/4023/dibujoozt.jpg

    GRACIAS AMIGO ;)

    ResponderEliminar
  23. SOY LA MISMA PERO CAMBIE A OTRO NIK DE BLOG

    ResponderEliminar
    Respuestas
    1. Me temo que no podemos hacer nada, al menos no que yo sepa. El problema es que el código es un script que ellos alojan en su servidor. Desconozco si dentro de las configuraciones del foro tengas la posibilidad de poner los títulos y todo eso, quizá de esa forma tú podrías controlar el título del blog, pero lo veo complicado :(

      Eliminar
  24. Hooooo muchisimas gracias amigo ;)

    ResponderEliminar
  25. Que tal Potro, otra vez con un pedido... habrá forma que las frases cambien aleatoriamente (como el script de esta entrada http://ciudadblogger.com/2009/10/frases-aleatorias-para-el-blog.html pero sin la necesidad de recargar la página, claro), la verdad que quise intentar modificar algo pero me nublé..plop..

    Y siendo mas exigente, habrá manera de aplicarle el efecto fade de jquery; ya que lo uso en toda mi pagina y caería preciso si fuese así.

    Bueno, un saludo y siempre se te agradece tu paciencia.

    ResponderEliminar
    Respuestas
    1. Te lo debo José, hice pruebas también pero no tuve éxito :(

      Eliminar
    2. No puede ser eso en un gadget? quiero!

      Eliminar

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