MENSAJES EN LA BARRA DE TITULO

MENSAJE EN LA BARRA DE TITULO

"BLOGS KIRADOBER"

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 mostrar mensajes en la barra de título de tu blog pega antes de </head> lo siguiente:

Para implementarlo en vuestro Bloc solo tenéis que seguir estos pasos:

 Un clic en “Plantilla”

 Un clic en “Editar HTML”

Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación

En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, 

debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, 

a continuación mire la imagen la cual te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.

 Coloca este código en el buscador y dale un "Enter"

</head>

Inserta las siguientes líneas de código justo arriba (ó antes) del código que encontraste

<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 = "Blogs Kiradober";
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.

Data de la Publicación; 05-10-2019

 Fuente; ciudadblogger

 Publicado por;