Mensajes en la barra de titulo

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.