TRUCOS y
TUTORIALES
para tu blog
No, no vendemos
camisetas... aun
Camiseta Ciudad Blogger

Título del blog en movimiento

27 de marzo de 2009 | Número de comentarios131 comentarios
Este truco es para poner el título del blog en movimiento. ¿Dónde se mueve? Arriba en la ventana del explorador, abajo en el botón de la barra de herramientas y en la pestaña de la ventana. Puedes ver un ejemplo haciendo click en este blog de pruebas.

Hacerlo es muy sencillo, sólo entra en Plantilla | Edición de HTML y después de <head> pega lo siguiente:

<script>
//<![CDATA[
var txt=" Título del blog ";
var espera=100;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
//]]>
</script>

Cambia lo que está en rojo por el título de tu blog y listo.

131 comentarios :

  1. Muchas gracias por el truco.

    Iré a probar a ver si me sale.

    ^^

    ResponderEliminar
  2. Hola Argi, pasé por tu blog y vi que te quedó muy bien el título.
    Saludos.

    ResponderEliminar
  3. muchas gracias
    visiten este blog:
    http://concienciadetumedio.blogspot.com/
    muchas gracias de nuvo...los espero

    ResponderEliminar
  4. Gracias Carmelo, ya pusiste el anuncio en otros comentarios, no quiero pensar que es spam...
    Saludos.

    ResponderEliminar
  5. hola:
    ise eso pero no me salio
    no se que ise mal
    pero esta suoper bueno esta pagina para ayudar a elegantisar el blog pero lo que kiero hacer es que la imagen que tengo sea mas ancha que cubra todo.
    no kiero cambiar la plantilla ya que los gadget tengo que ponerlo uno por uno de nuevo si me pueden ayudar se lo agradeseria adioas

    ResponderEliminar
  6. Hola Yanett,

    ¿A qué imagen te refieres y a cuál blog?

    Saludos.

    ResponderEliminar
  7. hey man muchas gracias por ek truco me funcionó muy bien :)
    mira acá http://michh-gomez.blogspot.com/
    ahi es donde lo puse vale, me voy que estes bien

    ResponderEliminar
  8. Hola .:: [Mich] ::. te ha quedado muy bien =)

    ResponderEliminar
  9. Me alegro que te haya gustado.
    Saludos.

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

    ResponderEliminar
  11. ERES UN CRACK AMIGO

    TODOS TUS TRUCOS SON GENIALES!!

    ResponderEliminar
  12. Gracias por tus comentarios Mega, saludos!

    ResponderEliminar
  13. hola potro aqui denuevo molestandote quisera saber si se puede cambiar la imagen de mi dominio tk la imagen q aparese en la pestaña alado de mi titulo de mi blog espero q si se pueda gracias por tu paciencia :D 100% ciudad blogger ^^

    ResponderEliminar
  14. No, cuando se usa un redireccionador como TK no se puede cambiar el favicon.

    Saludos.

    ResponderEliminar
  15. ok gracias pero serias tan amable en enseñarme como cambiar el favicon del blogger?

    ResponderEliminar
  16. Puedes ver cómo poner un favicon haciendo click en el enlace.
    Saludos.

    ResponderEliminar
  17. Este truco me interesa. pero mi pregunta es como puedo hacer que el titulo sea dinamico, ejemplo. supongamos que mi blog tenga como nombre "SCAIRON" y que yo entre a una entrada de ese blog llamada "Hola Mundo" normalmente blogger poner titulo "SCAIRON: Hola Mundo". como hago para hacer que esos titulos se muevan

    ResponderEliminar
  18. Con este script no se puede pues sólo toma el título del blog y no del título de las entradas :S

    ResponderEliminar
  19. MUY BUEN APORTE GRACIASSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS

    ResponderEliminar
  20. hola capo. tengo un prolema con mi blog. ya visite muchisimas veses este sitio y la verdad te felicito... me gustaria si me podrias dar una mano en algunas cosas en mi blog?? mi tia me pidio que le cree uno, y estoy tratando de sorprenderla. agregame y charlamos dale? diegacho_007@hotmail.com

    ResponderEliminar
  21. Hola julio,

    Si tienes alguna duda para aplicar algún truco sólo deja el comentario en la entrada que le corresponde y con gusto vemos cómo solucionar el problema.

    Saludos.

    ResponderEliminar
  22. Hola Potro :
    Realmente algunas cosas me sirvieron de mucho gracias a vos. Otras tuve un poco de miedo hacerlas dado que me he manejado con la vista previa poruqe no consegui guardar la plantilla todavia. Muchas gracias y segui asi,es un excelente sitio el tuyo.

    ResponderEliminar
  23. Te agradezco mucho tu comentario ;)

    ResponderEliminar
  24. GRACIAS!
    LO PUSE EN MI BLOG,ESTE Y OTROS.

    http://justinbieberrepublicadominicana.blogspot.com/

    :)

    ResponderEliminar
  25. esta de lujo siempre me pregunte como podian hacer eso xD..... mi rspeto Potro

    ResponderEliminar
  26. hola!!
    están muy buenos tus trucos, algunos de ellos ya los he puesto en practica, verás mi duda es la siguiente:

    quiero cambiar la B (del logo tipo de Blogger) que aparece al lado de mi dirección URL. Por otro logo, icono y/o dibujo

    (x ejm ud tiene su ciudad jeje, he visto otros BLOGS [no necesariamente pags webs con dominios] que tmb tiene el suyo...

    cómo hago? tienes alguna entrada dónde lo expliques?

    xfavooor... y Muchas Graciass.

    saludos desde Venezuela!!!

    pd. espero tu resp...
    pd2. visitame http://ernestolrr.blogspot.com

    ResponderEliminar
  27. Sí hay una entrada sobre el tema, se trata del favicon.
    Saludos.

    ResponderEliminar
  28. Muy bien Bro, Grax por el aporte
    Saludos desde Morelos Mex.

    ResponderEliminar
  29. Me alegro que te haya sido útil. Saludos hasta allá!

    ResponderEliminar
  30. Hola!!!
    Soy una novata para esto!!!
    No me sale!!!!
    perdon x la ingnorancia pero no encuentro la etiqueta body
    Ayuda!!

    ResponderEliminar
  31. Perdon perdon... lei unos comentarios y ya lo encontre xD

    pero... una preguntita mas

    Se puede cambiar la velocidad del texto??? Esque preferiria que pasara mas lento

    ResponderEliminar
  32. Donde dice var espera=100; se modifica la velocidad. Con un numero más alto (por ejemplo 300) se hará más lento.

    Saludos.

    ResponderEliminar
  33. aii no entiendo como hacerlo , :S pasa que recien comienzo a utilizar blogger!, porfavon me ayudan? :$

    ResponderEliminar
  34. Lee detenidamente las instrucciones y veras que es sencillo.

    ResponderEliminar
  35. Ami no me sale miren
    http://wweonlineim.blogspot.com

    ResponderEliminar
  36. Posiblemente tienes algún otro script que impide que este funcione.

    ResponderEliminar
  37. que way gracias pero miren esta pag que tiene de todo y es un ejemplo: http://animalcrossingelmejor.blogspot.com

    ResponderEliminar
  38. Genial Potro, como todo lo que hacés, cada vez que busco algo para alguno de mis blogs, lo encuentro en tu página! Gracias!!! ;)

    ResponderEliminar
  39. Hola hay manera de colocarle otro tipo de color y como podria hacerse?

    ResponderEliminar
  40. No Javifenix, eso no puede cambiarse en los navegadores. Saludos.

    ResponderEliminar
  41. Muy bueno :D ahora solo me falta poner una imagen en el cuadrito ese de a lado :$

    ResponderEliminar
  42. me a quedado perfecto ;)
    http://sweethough.blogspot.com/
    e aplicado varios trucos y mi blog me ha quedado genial. Os invito a verlo;)
    un beso

    ResponderEliminar
  43. Qué gusto que estés encontrando aquí las aplicaciones que buscabas :)
    Gracias por el beso!

    ResponderEliminar
  44. MUCHAS GRACIAS!!
    ME GUSTA TU PAGINA WEB
    BESITOS...

    ResponderEliminar
  45. Qué gusto que así sea, gracias por los besitos :)

    ResponderEliminar
  46. Hola , hace poco que te sigo y mejoré con tu ayuda.
    Quiero poner el título en movimiento pero no me aparece "body" ¿que puede ser?
    Otra consulta en este blog:
    http://documentalesmix.blogspot.com/

    me aparece la palabra "undefined" al lado del título de cada entrada y no se como sacarlo, también puse un gif de favivom y no se mueve, gracias!!!

    ResponderEliminar
  47. Hola emilyster,

    Qué gusto que te hayas unido a Ciudad Blogger :)
    Todas las plantillas tienen la etiqueta body incluso la que usas; una forma más fácil de encontrarla es presionar las teclas CTRL + F y ahí buscar el código que quieres.

    Respecto a la palabra undefined mira esta entrada que explica cómo solucionarlo:
    http://ciudadblogger.com/2009/07/solucion-fecha-undefined.html

    Los favicones en formato GIF no siempre se ven en todos los navegadores, es mejor que uses uno en formato ICO, no se moverá pero seguro con él podrás verlo sin problemas.

    Saludos.

    ResponderEliminar
  48. Muchas gracias, he conseguido poner el titulo en movimiento gracias a ti.

    Un saludo

    ResponderEliminar
  49. Qué gusto que has tenido los resultados esperados :)

    ResponderEliminar
  50. habrá alguna forma de meter entremedio una imagen (pequeña claro, tamaño favicon)

    ResponderEliminar
  51. hola ciudad me gusta ese aviso que tiene la pagina como lo puedo utilizar en mi blog

    ResponderEliminar
  52. gracias ciudad muy lindo el movimiento del nombre del blog, los invito a visitarlo http://bibliotecacomplejosurbogota.blogspot.com/

    ResponderEliminar
  53. graciaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaas ciudad me a qedado bonito mi blog los invito a mi blog ! http://lasbelieberssomosunicas.blogspot.com/

    ResponderEliminar
  54. excelente!!! muchas gracias. por el aporte.

    ResponderEliminar
  55. Funcionó a la perfección! MUCHAS GRACIAS!

    ResponderEliminar
  56. hola potro hace tiempo vi que tenías un gadget,que tenia un cierto anuncio dando la bienvenida, y tenia movimiento de derecha a izquierda, no se si me puedes facilitar un link con el tutorial, ya que no lo encuentro en el buscador de tu blog...

    saludos

    ResponderEliminar
  57. Por supuesto, aquí está la entrada que buscas:
    http://ciudadblogger.com/2009/10/scroll-de-bienvenida-sin-script.html

    ResponderEliminar
  58. ¡Hola! Me encanta, pero quisiera saber si se puede poner un poco más lento... Gracias

    http://sitiovocaloid.blogspot.com(

    ResponderEliminar
  59. Mira el comentario #36, ahí se explica eso.
    Saludos!

    ResponderEliminar
  60. ¡Gracias!

    Verás, el caso, es que lo puse, pero no funciona, me salen un montón de letras encima del logo, ¿Tienes idea de porque? :(

    ResponderEliminar
  61. Pues no lo veo puesto en tu blog...

    ResponderEliminar
  62. Ahora no está, porque lo he quitado, pero gracias de todas formas ^_^

    ResponderEliminar
  63. y para que no se mueva? que solo cambie de color?

    ResponderEliminar
  64. No hay ninguno que cambie de color.

    ResponderEliminar
  65. Ya puse el titulo y todo me funcionó muy bien,pero hay algo que lo haga ir mas lento?,o sea apenas se lee cuando pasa...
    IGUAL GRACIAS

    ResponderEliminar
    Respuestas
    1. Sí se puede lu y vir ramirez, mira el comentario #36

      Eliminar
  66. Hola potro, hace un rato te mandé una consulta, pero cambié el blog, igualmente, si la podés contestar genial, pero ahora tengo otro problema: el título del blog aparece así: http://redaccionesalamedida.blogspot.com/ y supongo que será porque en la template original había esto: http://www.demo.premiumbloggertemplates.com/2010/12/mahogany-blogger-template-demo.html un anuncio al costado, pero cuando la instalé, ese anuncio no estaba, y ahora no sé cómo poner el título del blog a lo largo con la descripción. Si me podés ayudar, genial!

    ResponderEliminar
    Respuestas
    1. Hola María de las Mercedes, aun no reviso las consultas por correo, hasta dentro de un rato más será ;)
      Asegúrate que poco después de la etiqueta <head> tengas este código, sino lo tienes agrégalo:


      <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <title><data:blog.pageTitle/></title>
      <b:else/>
      <title><data:blog.pageName/> ~ <data:blog.title/></title>
      </b:if>

      Eliminar
    2. Por cierto, supongo que ya no usarás la otra plantilla que comentas en el correo, así que de momento no la responderé a menos que me confirmes que sí la estás usando y me comentes en cuál blog la has puesto, ¿vale?

      Saludos :)

      Eliminar
    3. Este comentario ha sido eliminado por el autor.

      Eliminar
    4. Hola potro! ya agregué lo que me dijiste pero el blog sigue igual, el título no me aparece a lo largo...Estoy haciendo un blog a mi viejo (Ernie Simoiz) y bueno, estaba probando plantillas a ver cuál queda mejor. El blog es: redaccionesalamedida.blogspot.com Espero me puedas ayudar! gracias!!

      Eliminar
    5. Pues yo ya lo veo bien, en la pestaña del navegador dice "¿Qué necesitás escribir?", y antes aparecía sólo la URL del blog.

      Eliminar
    6. Yo lo veo con google chrome y me aparece el título ¿Qué necesitás (hay como un ENTER y abajo) escribir? No está todo en una misma línea...se comprende? y lo mismo me pasa cuando escribo la descripción...es como si hiciera un "enter" y sigue escribiendo abajo, pero no está a lo largo, como por ejemplo, en mi blog de asesoramiento, que el título está todo en una misma línea y no en dos...se entiende? por eso te decía que esta plantilla del lado derecho tenía un ads que cuando lo instalé, desapareció...y ahora el título queda así...no sé porqué no aparece a lo largo, en una misma línea...

      Eliminar
    7. Ah bueno, pero eso es aparte. A lo que yo me refería es a que en la pestaña no aparecía el nombre del blog, sino la URL, y ahora ya se ve el nombre del blog correctamente.

      En cuanto a la cabecera, se ve así porque está dividida en dos, la derecha al estar más corta hace que tenga menos espacio para mostrar el título en una sola línea.
      Si deseas que aparezca en una sola habrá que dejar sólo una cabecera, para ello busca esta parte:

      #header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:40%}
      #header h1{margin:0 5px 0;padding:25px 0 0 0px;color:#e7a46a;font-size:44px;text-shadow:none;}
      #header .description{padding-left:10px;color:#edd6c1;text-shadow:none;font-weight:bold;padding-top:5px;margin-top:0px;}
      #header h1 a,#header h1 a:visited{color:#e7a46a;text-decoration:none;text-shadow:none;}
      #header h2{padding-left:15px;color:#736f74;font:14px Arial,Helvetica,Sans-serif}
      #header2{float:right;width:58%}


      Cambia ese width:40% por width:100% y ese width:58% por width:0%

      Eliminar
  67. Gracias potro!! Sos mi angel de la internet!!! Problema solucionado.

    ResponderEliminar
  68. Mil gracias Potro.. hasta que lo logré, jejeje ... seguiré mirando para mejorar mi blog. Saludos

    ResponderEliminar
    Respuestas
    1. Qué gusto que así haya sido Loresu :)
      Saludos.

      Eliminar
  69. Hola Potro!!!
    Hace tiempo compré el dominio para mi blog "JordanyPippen.com" anteriormente se llamaba El Blog de JordanyPippen y mi pregunta es la siguiente ¿por que en las páginas que ponen mi enlace sigue saliendo 'El Blog de JordanyPippen' en lugar de JordanyPippen.com solo?
    Gracias de antemano!!!

    ResponderEliminar
    Respuestas
    1. Hola JordanyPippen, la gente que te enlaza lo hace manualmente, ellos deciden qué nombre poner a ese enlace, bien pudieron poner el nombre que tenías en ese momento en el blog, o pudieron haber puesto otro, eso depende de cómo ellos hayan querido llamar a ese enlace.

      En el caso de los sitios automatizados como los resultados de Google, ahí hay que esperar hasta que los robots actualicen la información que has modificado en tu sitio.
      Saludos.

      Eliminar
  70. MUY BUENO EL BLOG , PACENSE POR EL MIO LOS ESPERO http://frases-de-ayer-y-de-hoy.blogspot.com/ EL MEJOR SITIO PARA PERDER EL TIEMPO

    ResponderEliminar
  71. Me Quedo Exelente visiten mi blog http://mundoamericanista.blogspot.com

    ResponderEliminar
  72. Bueno pues otra cosita que me sale bien y....que siga la racha jejeje.
    Podrías decirme que tengo que hacer para que se mueva también la imagen como sale en tu blog de pruebas.

    ResponderEliminar
  73. La imagen del icono de los rascacielos aparece en la pestaña desde arriba y despues se deplaza hacia la izquierda seguido del nombre de tu blog en letra verde....

    http://ciudadbloggerbeta.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Ahhh, ese es un favicon animado, está hecho en formato GIF, me parece que en la red puedes encontrar algunos sitios donde puedas hacerlos online. Ya que lo tengas sigue estos pasos:
      http://ciudadblogger.com/2009/02/como-poner-un-favicon-en-blogger.html

      Eliminar
  74. Gracias Potro, me sirvió, ya lo tengo puesto y funciona.

    ResponderEliminar
  75. la verdasd Mejor no podria estar este blog...me sirvio de mucho..talves no hay otra forma de agradecertelo ...pero la verdad muchas gracias y es d mucha ayuda

    ResponderEliminar
    Respuestas
    1. Con tu comentario y visita es más que suficiente mariela, muchas gracias :)

      Eliminar
  76. Un saludo Potro. Tengo el siguiente problema: trato de poner el símbolo de admiración (¡) en el título, pero la plantilla lo convierte en texto html, es decir: "&#161". No sucede lo mismo con el otro simbolo: "!".
    Ya intenté dentro de la plantilla como en un gadget sin resultados, además con otro código: &iexcl pero nada.

    Espero me puedas asesorar en ese tema. Se agradece de antemano.

    ResponderEliminar
    Respuestas
    1. Hola José Luis, ya actualicé el script para que no te dé ese problema, cópialo de nuevo.
      Saludos.

      Eliminar
    2. Menudo detalle...Excelente Potro!.

      Eliminar
  77. a mi m qdo a un lado como hago para ponerlo al medio??

    ResponderEliminar
    Respuestas
    1. Siempre es así franco, para todos los casos siempre se acomoda a la izquierda.

      Eliminar
  78. oye potro podrias decirme como pusiste las flechitas del costado para subir todo y bajar todo?

    ResponderEliminar
    Respuestas
    1. Con este tutorial:
      http://ciudadblogger.com/2010/01/boton-de-ir-arriba-e-ir-abajo.html

      Eliminar
  79. hola como puedo poner una foto en mi blog que se deslice sola?


    gracias ayudas mucho felicitaciones

    ResponderEliminar
    Respuestas
    1. Hola, no sé qué tengas en mente, pero tal vez esto te pueda servir:
      http://ciudadblogger.com/2009/05/links-y-banners-en-movimiento.html

      Eliminar
  80. Oies amigo y si lo quiero desactivar que hago espero tu respuesta pronto..

    Saludos

    ResponderEliminar
  81. Hola Potro, duda sobre este tutorial, como hago para ponerlo como texto solo en la pestaña (ahi al lado del favicon?) quiero hacer eso en el blog ("El secreto de la Buena Lectura")

    ResponderEliminar
    Respuestas
    1. Sólo ponle título a tu blog (desde la configuración del blog) y automáticamente aparecerá el título junto al favicon, a menos que haya algún código en la plantilla que esté faltando.

      Eliminar
  82. Muchas gracias, me encanta tu blog porque ayudas a muchas personas que no saben nada de html, eres muy amable y aportas muchisimo a la comunidad :)

    ResponderEliminar
  83. Hola Potro, desde hace algún tiempo veo que para blogspot se implemento la opción de subir el favicon sin agregar código alguno. La cuestión es que hoy me decidí a subir un favicón "animado" por esa vía y no me funciono el que se muestre la animación, probé subiendo un .gif animado y un .ico animado, además borré las cookies, archivos temporales y todo eso para que se actualizara, pero veo que solo se queda como un favicon estático. ¿Sabrías decirme a que se debe?, ¿por esa vía no soporta favicons animados?
    Gracias de antemano por tu respuesta.

    ResponderEliminar
  84. Hola Potro, desde hace algún tiempo veo que para blogspot se implemento la opción de subir el favicon sin agregar código alguno. La cuestión es que hoy me decidí a subir un favicón "animado" por esa vía y no me funciono el que se muestre la animación, probé subiendo un .gif animado y un .ico animado, además borré las cookies, archivos temporales y todo eso para que se actualizara, pero veo que solo se queda como un favicon estático. ¿Sabrías decirme a que se debe?, ¿por esa vía no soporta favicons animados?
    Gracias de antemano por tu respuesta.

    ResponderEliminar
    Respuestas
    1. La verdad, no lo sé, no recuerdo haber intentado nunca poner un favicon animado, yo creo que no se puede porque Blogger los convierte a .ico y ese formato no acepta animaciones.

      Eliminar
  85. Esta muy bueno el efecto!!!! Muchas gracias, esta vez si me funciono! Otro de los trucos no me funciono, el de la scroll bar. Sinceramente no puedo con eso. La tecnologia es mas fuerte que yo jajajaja. Saludos.
    http://fuelfinalesunuevocomienzo.blogspot.com

    ResponderEliminar
    Respuestas
    1. Habría que ver puesto ese truco en tu blog para revisar qué puede estar saliendo mal. Yo entré pero sólo admite invitados.

      Eliminar
  86. hola compañero muy bueno el post .
    lo he probado y funciona , solo que no se me ve en la barra de menú .
    solo se ve en la pestaña del navegador . no se si tengo algo mal configurado .
    almenas-waylander78.blogspot.com . muchas gracias

    ResponderEliminar
    Respuestas
    1. De hecho no es para que se mueva dentro del blog, sino en el navegador como se menciona en la entrada ;)

      Eliminar
  87. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  88. Espero ke te guste mi blog y otra cosa si no es inconveniente si podrias darme algun consejo desde tu punto de vista .GRACIAS de Nuevo!!!

    ResponderEliminar
    Respuestas
    1. Hola David, no he visto ese espacio que mencionas en el título, al menos en Chrome no se ve.
      He tenido que eliminar el otro comentario por el aviso que está al final.

      Saludos!

      Eliminar
  89. muy bueno queda geniaaal!!
    pasad por alguno de mis blogs! :)

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
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.

 
Ir Arriba Ir Abajo
¿Te gusta Ciudad Blogger?