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.
Ciudad Blogger
Muchas gracias por el truco.
ResponderEliminarIré a probar a ver si me sale.
^^
Hola Argi, pasé por tu blog y vi que te quedó muy bien el título.
ResponderEliminarSaludos.
muchas gracias
ResponderEliminarvisiten este blog:
http://concienciadetumedio.blogspot.com/
muchas gracias de nuvo...los espero
Gracias Carmelo, ya pusiste el anuncio en otros comentarios, no quiero pensar que es spam...
ResponderEliminarSaludos.
hola:
ResponderEliminarise 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
Hola Yanett,
ResponderEliminar¿A qué imagen te refieres y a cuál blog?
Saludos.
hey man muchas gracias por ek truco me funcionó muy bien :)
ResponderEliminarmira acá http://michh-gomez.blogspot.com/
ahi es donde lo puse vale, me voy que estes bien
Hola .:: [Mich] ::. te ha quedado muy bien =)
ResponderEliminarMuchas gracias x el truco ;D qedo groso (Y)
ResponderEliminarMe alegro que te haya gustado.
ResponderEliminarSaludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminarERES UN CRACK AMIGO
ResponderEliminarTODOS TUS TRUCOS SON GENIALES!!
Gracias por tus comentarios Mega, saludos!
ResponderEliminarhola 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 ^^
ResponderEliminarNo, cuando se usa un redireccionador como TK no se puede cambiar el favicon.
ResponderEliminarSaludos.
ok gracias pero serias tan amable en enseñarme como cambiar el favicon del blogger?
ResponderEliminarPuedes ver cómo poner un favicon haciendo click en el enlace.
ResponderEliminarSaludos.
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
ResponderEliminarCon este script no se puede pues sólo toma el título del blog y no del título de las entradas :S
ResponderEliminarMUY BUEN APORTE GRACIASSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
ResponderEliminarQué bueno que te ha gustado.
ResponderEliminarhola 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
ResponderEliminarHola julio,
ResponderEliminarSi 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.
Hola Potro :
ResponderEliminarRealmente 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.
Te agradezco mucho tu comentario ;)
ResponderEliminarGRACIAS!
ResponderEliminarLO PUSE EN MI BLOG,ESTE Y OTROS.
http://justinbieberrepublicadominicana.blogspot.com/
:)
GRACIAS MAN
ResponderEliminaresta de lujo siempre me pregunte como podian hacer eso xD..... mi rspeto Potro
ResponderEliminarQué bueno que te ha gustado ;)
ResponderEliminarhola!!
ResponderEliminarestá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
Sí hay una entrada sobre el tema, se trata del favicon.
ResponderEliminarSaludos.
Muy bien Bro, Grax por el aporte
ResponderEliminarSaludos desde Morelos Mex.
Me alegro que te haya sido útil. Saludos hasta allá!
ResponderEliminarHola!!!
ResponderEliminarSoy una novata para esto!!!
No me sale!!!!
perdon x la ingnorancia pero no encuentro la etiqueta body
Ayuda!!
Perdon perdon... lei unos comentarios y ya lo encontre xD
ResponderEliminarpero... una preguntita mas
Se puede cambiar la velocidad del texto??? Esque preferiria que pasara mas lento
Donde dice var espera=100; se modifica la velocidad. Con un numero más alto (por ejemplo 300) se hará más lento.
ResponderEliminarSaludos.
aii no entiendo como hacerlo , :S pasa que recien comienzo a utilizar blogger!, porfavon me ayudan? :$
ResponderEliminarLee detenidamente las instrucciones y veras que es sencillo.
ResponderEliminarAmi no me sale miren
ResponderEliminarhttp://wweonlineim.blogspot.com
Posiblemente tienes algún otro script que impide que este funcione.
ResponderEliminarque way gracias pero miren esta pag que tiene de todo y es un ejemplo: http://animalcrossingelmejor.blogspot.com
ResponderEliminarGenial Potro, como todo lo que hacés, cada vez que busco algo para alguno de mis blogs, lo encuentro en tu página! Gracias!!! ;)
ResponderEliminarGracias Nanci, ¡saludos!
ResponderEliminarHola hay manera de colocarle otro tipo de color y como podria hacerse?
ResponderEliminarNo Javifenix, eso no puede cambiarse en los navegadores. Saludos.
ResponderEliminarMuy bueno :D ahora solo me falta poner una imagen en el cuadrito ese de a lado :$
ResponderEliminar¿Te refieres al favicon?
ResponderEliminarme a quedado perfecto ;)
ResponderEliminarhttp://sweethough.blogspot.com/
e aplicado varios trucos y mi blog me ha quedado genial. Os invito a verlo;)
un beso
Qué gusto que estés encontrando aquí las aplicaciones que buscabas :)
ResponderEliminarGracias por el beso!
MUCHAS GRACIAS!!
ResponderEliminarME GUSTA TU PAGINA WEB
BESITOS...
Qué gusto que así sea, gracias por los besitos :)
ResponderEliminarHola emilyster,
ResponderEliminarQué 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.
Muchas gracias, he conseguido poner el titulo en movimiento gracias a ti.
ResponderEliminarUn saludo
Qué gusto que has tenido los resultados esperados :)
ResponderEliminarNo, únicamente acepta textos.
ResponderEliminarhola ciudad me gusta ese aviso que tiene la pagina como lo puedo utilizar en mi blog
ResponderEliminargracias ciudad muy lindo el movimiento del nombre del blog, los invito a visitarlo http://bibliotecacomplejosurbogota.blogspot.com/
ResponderEliminargraciaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaas ciudad me a qedado bonito mi blog los invito a mi blog ! http://lasbelieberssomosunicas.blogspot.com/
ResponderEliminaralejandro, en breve lo publico ;)
ResponderEliminarexcelente!!! muchas gracias. por el aporte.
ResponderEliminarGracias a ti por tu visita!
ResponderEliminarFuncionó a la perfección! MUCHAS GRACIAS!
ResponderEliminarGracias a ti por tu visita!
ResponderEliminarGracias!! Me sirvio mucho
ResponderEliminarhola 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...
ResponderEliminarsaludos
Por supuesto, aquí está la entrada que buscas:
ResponderEliminarhttp://ciudadblogger.com/2009/10/scroll-de-bienvenida-sin-script.html
¡Hola! Me encanta, pero quisiera saber si se puede poner un poco más lento... Gracias
ResponderEliminarhttp://sitiovocaloid.blogspot.com(
Mira el comentario #36, ahí se explica eso.
ResponderEliminarSaludos!
¡Gracias!
ResponderEliminarVerás, el caso, es que lo puse, pero no funciona, me salen un montón de letras encima del logo, ¿Tienes idea de porque? :(
Pues no lo veo puesto en tu blog...
ResponderEliminarAhora no está, porque lo he quitado, pero gracias de todas formas ^_^
ResponderEliminary para que no se mueva? que solo cambie de color?
ResponderEliminarNo hay ninguno que cambie de color.
ResponderEliminarYa 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...
ResponderEliminarIGUAL GRACIAS
Sí se puede lu y vir ramirez, mira el comentario #36
EliminarHola 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!
ResponderEliminarHola María de las Mercedes, aun no reviso las consultas por correo, hasta dentro de un rato más será ;)
EliminarAsegúrate que poco después de la etiqueta <head> tengas este código, sino lo tienes agrégalo:
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
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?
EliminarSaludos :)
Este comentario ha sido eliminado por el autor.
EliminarHola 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!!
EliminarPues 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.
EliminarYo 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...
EliminarAh 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.
EliminarEn 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%
Gracias potro!! Sos mi angel de la internet!!! Problema solucionado.
ResponderEliminarGracias a ti :)
EliminarMil gracias Potro.. hasta que lo logré, jejeje ... seguiré mirando para mejorar mi blog. Saludos
ResponderEliminarQué gusto que así haya sido Loresu :)
EliminarSaludos.
Hola Potro!!!
ResponderEliminarHace 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!!!
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.
EliminarEn 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.
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
ResponderEliminarMe Quedo Exelente visiten mi blog http://mundoamericanista.blogspot.com
ResponderEliminarGracias totales men excelente me sirvio
ResponderEliminarCOMO ENTRO A EDICION HTML
ResponderEliminarBlogger > Plantilla > Edición de HTML.
EliminarBueno pues otra cosita que me sale bien y....que siga la racha jejeje.
ResponderEliminarPodrías decirme que tengo que hacer para que se mueva también la imagen como sale en tu blog de pruebas.
¿Cuál imagen? o.O
EliminarLa 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....
ResponderEliminarhttp://ciudadbloggerbeta.blogspot.com.es/
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:
Eliminarhttp://ciudadblogger.com/2009/02/como-poner-un-favicon-en-blogger.html
Gracias Potro, me sirvió, ya lo tengo puesto y funciona.
ResponderEliminarla 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
ResponderEliminarCon tu comentario y visita es más que suficiente mariela, muchas gracias :)
EliminarUn 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: "¡". No sucede lo mismo con el otro simbolo: "!".
ResponderEliminarYa intenté dentro de la plantilla como en un gadget sin resultados, además con otro código: ¡ pero nada.
Espero me puedas asesorar en ese tema. Se agradece de antemano.
Hola José Luis, ya actualicé el script para que no te dé ese problema, cópialo de nuevo.
EliminarSaludos.
Menudo detalle...Excelente Potro!.
Eliminarno me gusta
ResponderEliminar:(
Eliminara mi m qdo a un lado como hago para ponerlo al medio??
ResponderEliminarSiempre es así franco, para todos los casos siempre se acomoda a la izquierda.
Eliminaroye potro podrias decirme como pusiste las flechitas del costado para subir todo y bajar todo?
ResponderEliminarCon este tutorial:
Eliminarhttp://ciudadblogger.com/2010/01/boton-de-ir-arriba-e-ir-abajo.html
hola como puedo poner una foto en mi blog que se deslice sola?
ResponderEliminargracias ayudas mucho felicitaciones
Hola, no sé qué tengas en mente, pero tal vez esto te pueda servir:
Eliminarhttp://ciudadblogger.com/2009/05/links-y-banners-en-movimiento.html
Oies amigo y si lo quiero desactivar que hago espero tu respuesta pronto..
ResponderEliminarSaludos
Sólo quita el código que has puesto.
EliminarHola 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")
ResponderEliminarSó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.
EliminarMuchas 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¡Gracias a ti!
EliminarEsta 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.
ResponderEliminarhttp://fuelfinalesunuevocomienzo.blogspot.com
Habría que ver puesto ese truco en tu blog para revisar qué puede estar saliendo mal. Yo entré pero sólo admite invitados.
Eliminarhola compañero muy bueno el post .
ResponderEliminarlo 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
De hecho no es para que se mueva dentro del blog, sino en el navegador como se menciona en la entrada ;)
EliminarLa 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.
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarEspero 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!!!
ResponderEliminarHola David, no he visto ese espacio que mencionas en el título, al menos en Chrome no se ve.
EliminarHe tenido que eliminar el otro comentario por el aviso que está al final.
Saludos!
muy bueno queda geniaaal!!
ResponderEliminarpasad por alguno de mis blogs! :)