Título del blog en movimiento II

24 de agosto de 2009 42 comentarios ,
Ya hemos visto cómo poner el título del blog en movimiento en forma de marquesina, ahora también pondremos el título del blog en movimiento pero con el efecto de una máquina de escribir, es decir, que aparezcan las letras una a una.

Sólo entra a Diseño > Elementos de la página > Añadir un gadget, selecciona HTML/Javascript y pega ahí esto:
<script>

var message="Bienvenidos a mi blog" //Aquí va el título del blog
var message=message+" "
i="0"
var temptitle=""
var speed="150" //Este es el tiempo en milisegundos entre cada letra

function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++
if(i==message.length)
{
i="0"
temptitle=""
}
setTimeout("titler()",speed)
}

window.onload=titler
</script>

Sólo cambia el mensaje por el que quieras y listo. Puedes ver un ejemplo funcionando en este blog de pruebas; mira la barra del título (arriba) y verás el efecto.
Funciona en Mozilla Firefox e Internet Explorer.


42 comentarios en:

" Título del blog en movimiento II "

  1. oye potro me podrias pasar tu mail? o msn seria mejor....

    saludos

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

    ResponderEliminar
  3. EXCELENTE TRABAJO!!

    PERO NINGUN TRUCO TUYO DA EN MI BLOG.....

    PROBE 4 Y NADA MI PLANTILLA SE LLAMA WEB BLOG ESTA DISEÑADA POR BGTEMPLATES SERA POR ESO QUE NINGUN
    TRUCO FUNKE ??

    SALU2..

    ResponderEliminar
  4. Hola rAFO,

    He visto que en dos de tus blogs está funcionando el truco sin problemas, una de ellas es la Web Blog y el título está en movimiento, quizá sea tu navegador, podrías intentar verlo desde otro.

    Saludos.

    ResponderEliminar
  5. no me funciona! yo tengo puesto bienvenido al blog..... y se me queda parado en la letra b a que es devido eso?

    ResponderEliminar
  6. Hola eryusep,

    He entrado a tus blogs y lo veo funcionando perfectamente.
    Saludos.

    ResponderEliminar
  7. woooooooooooooh si sirve

    ResponderEliminar
  8. Me alegro que les haya sido útil.
    Saludos.

    ResponderEliminar
  9. Sabes que me encanta, que a veces uno espera que cuando lo haga automaticamente funcionara y se vera tan lindo y fácil como lo explicas, pero algunas funciones, avecen necesitan algún elemento extra que uno ni idea (flash, java, etc...) y no corre tan lindo como parece, a mi opinión (ya sé que diras un tajante "no") deberías informar de ello.

    ResponderEliminar
  10. Hola MEGAUTO,

    Lamentablemente desconozco las configuraciones de cada navegador que existe en el mercado y más aun las múltiples versiones de cada una de ellas.
    Yo sólo me limito a compartir lo que a Blogger se refiere, por lo que las cuestiones de navegador, sistema operativo, software y hardware del usuario final son áreas en las que no puedo interferir ni involucrarme.

    Saludos.

    ResponderEliminar
  11. HOla ya lo puse en mi blog y quedò muy bien
    gracias!

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

    ResponderEliminar
  13. No me funciona fijate: www.fuerzablogger.iya.es

    Me ayudas?? gracias.

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

    ResponderEliminar
  15. Debes tener algún otro script que no permite que este funcione, intenta con esta opción.

    Saludos.

    ResponderEliminar
  16. Hola El Potro:
    No me funciona !!!! ni el truco de las letras, ni el truco del nombre !!!! y esntre en Chrome, internet explorer, mozilla firefox !!! ayudameee !! xfa !!! Saludos !! ERES GENIAL AMIGO !!

    ResponderEliminar
  17. Hola Daniel,

    Gracias por tu comentario.
    Este código lo he probado en una plantilla de las nuevas y ha funcionado bien, es posible que tengas algún otro script que haga que no trabaje. Puedes probar el otro que está en el primer enlace que aparece en la entrada.

    Veo que igual tienes el cursor con letras en movimiento, ese no funciona en la mayoría de los blogs que usan las plantillas nuevas de Blogger.
    Quizá quitándolo hasta funcione este.

    ¡Saludos!

    ResponderEliminar
  18. Hola potro, kiero poner este anuncio pero en la parte de arriba de la Lista de imagenes, pero como gadget no puedo porq solo tengo para 2 gadget en la parte de arriba (el del titulo y las imagenes ) como hago para ponerlo directamente sin añadirlo en gadget ( osea entrando a diseño-edicion html) o si sabes de alguna manera q salgan mas gadget en la parte superior ?

    ResponderEliminar
  19. Continuemos el hilo del tema en la otra entrada donde dejaste la pregunta. Saludos.

    ResponderEliminar
  20. PERDON PERO OTRA VEZ NO PUDE :s EN NINGUNA DE LAS DOS FORMAS DE TITULO SOLO SE CAMBIA ARRIBA EN LA PESTAÑA PERO NO APARECE DENTRO DEL BLOG http://hpolitico.blogspot.com/

    ResponderEliminar
  21. El script sólo hace que el título se mueva en la pestaña del navegador, no dentro del blog.
    Saludos.

    ResponderEliminar
  22. Hola Potro buenos días acabamos de enviarte un correo con otro Script para colocar tambien nuestro titulo en movimiento con frases aleatorias, ya lo probamos y funciona muy bien, saludos desde Jutiapa, Guatemala.

    ResponderEliminar
  23. Muchas gracias por compartirlo EXA FM :)
    Saludos hasta Guatemala!

    ResponderEliminar
  24. Hola buenas noches aplique tu truco en mi blog pero solo salen puras ssssssssssss.....me puedes ayudar Potro?

    http://templario-miscenciaymislibros.blogspot.com/

    ResponderEliminar
  25. Hola Templario,

    En las letras rojas debías poner tu mensaje, ahora sólo se ve una S porque no has puesto nada.

    Saludos.

    ResponderEliminar
  26. Ven, pero cuando lo pongo, automaticamente se me desactiva los destellos del cursor .~. me podrias ayudar?

    ResponderEliminar
  27. Potro tengo el mismo problema que Camilo. Yo te lo explico bien.

    Tengo este título en movimiento en mi blog y al mismo tiempo tengo puesto en la plantila este codigo para este efecto http://ciudadblogger.com/2009/12/cursor-con-destellos.html pero pasa que no funcionan los destellos con el titulo en movimiento, si saco el titulo en movimiento funcionan los destellos pero sino no, alguna solución?

    ResponderEliminar
    Respuestas
    1. Algunos scripts son así Laali, no funcionan si se combinan, en esos casos hay que elegir entre usar uno u otro :(

      Eliminar
  28. No me aparece elemento de la pagina donde esta?

    ResponderEliminar
  29. Buenazo esos trucos te felicito sigue asi, suerte...

    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