TRUCOS Y
TUTORIALES
PARA TU BLOG
No, no vendemos
camisetas... aun

Título del blog en movimiento

27 de marzo de 2009 | | 112 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.

112 Comentarios en total

  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. Muchas gracias x el truco ;D qedo groso (Y)

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

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

    ResponderEliminar
  12. ERES UN CRACK AMIGO

    TODOS TUS TRUCOS SON GENIALES!!

    ResponderEliminar
  13. Gracias por tus comentarios Mega, saludos!

    ResponderEliminar
  14. 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
  15. No, cuando se usa un redireccionador como TK no se puede cambiar el favicon.

    Saludos.

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

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

    ResponderEliminar
  18. 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
  19. 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
  20. MUY BUEN APORTE GRACIASSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS

    ResponderEliminar
  21. 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
  22. 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
  23. 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
  24. Te agradezco mucho tu comentario ;)

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

    http://justinbieberrepublicadominicana.blogspot.com/

    :)

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

    ResponderEliminar
  27. 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
  28. Sí hay una entrada sobre el tema, se trata del favicon.
    Saludos.

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

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

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

    ResponderEliminar
  32. 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
  33. 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
  34. aii no entiendo como hacerlo , :S pasa que recien comienzo a utilizar blogger!, porfavon me ayudan? :$

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

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

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

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

    ResponderEliminar
  39. 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
  40. Hola hay manera de colocarle otro tipo de color y como podria hacerse?

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

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

    ResponderEliminar
  43. 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
  44. Qué gusto que estés encontrando aquí las aplicaciones que buscabas :)
    Gracias por el beso!

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

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

    ResponderEliminar
  47. 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
  48. 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
  49. Muchas gracias, he conseguido poner el titulo en movimiento gracias a ti.

    Un saludo

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

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

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

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

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

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

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

    ResponderEliminar
  57. 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
  58. Por supuesto, aquí está la entrada que buscas:
    http://ciudadblogger.com/2009/10/scroll-de-bienvenida-sin-script.html

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

    http://sitiovocaloid.blogspot.com(

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

    ResponderEliminar
  61. ¡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
  62. Pues no lo veo puesto en tu blog...

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

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

    ResponderEliminar
  65. No hay ninguno que cambie de color.

    ResponderEliminar
  66. 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
  67. 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
  68. Gracias potro!! Sos mi angel de la internet!!! Problema solucionado.

    ResponderEliminar
  69. 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
  70. 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
  71. 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
  72. Me Quedo Exelente visiten mi blog http://mundoamericanista.blogspot.com

    ResponderEliminar
  73. Gracias totales men excelente me sirvio

    ResponderEliminar
  74. 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
  75. 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
  76. Gracias Potro, me sirvió, ya lo tengo puesto y funciona.

    ResponderEliminar
  77. 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
  78. 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
  79. 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
  80. 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

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.
 
2013 © Ciudad Blogger
¿Te gusta Ciudad Blogger?