Hemos visto distintos tipos de scroll para poner un mensaje de bienvenida en el blog, algunos con muchos efectos y otros muy coloridos. El problema de estos scrolls es que funcionan a base de scripts que muchas veces inhabilitan algún otro script del blog, o alentan la página, por lo que nos vemos forzados a quitar algo.
Este mensaje de bienvenida es más sencillo pero no afectará a ningún otro elemento del blog por lo que podrás usarlo sin problemas; sólo usaremos el atributo marquee y le pondremos algo de color.
Sólo entra a Diseño | Añadir un gadget | HTML/Javascript y ahí pega esto:
<span style=" font-weight:bold; color:#DF0101; font-size:18px;">
<marquee bgcolor="FFFF00">Aquí va tu texto</marquee>
</span>
Arrastra ese elemento abajo de la cabecera o donde quieras, el resultado será este texto que se desplaza desde un lado hasta el otro:
Puedes cambiar el color del texto modifica esto, color:#DF0101
Para cambiar el tamaño de la letra cambia esto, font-size:18px
Si quieres cambiar el color de fondo entonces cambia esto, bgcolor="FFFF00"
Ciudad Blogger
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola El Potro!!
ResponderEliminarQueríamos felicitarte por tu tremendo blog. La plantilla que le has instalado ahora a él queda muy elegante ;)
Bueno, no se si nos conocerás ya, pero tenemos también un blog de ayuda para Blogger, que se llama La Trucoteca de Blogs.
Te invitamos a que te pases por alli.
Ya sabes que estamos ahi para lo que quieras :D y que por aqui seguiremos viniendo de vez en cuando ;-)
Muchos saludos desde España y perdon por los otros comentarios eliminados :D !!!!
¡Hola, Potro!
ResponderEliminarExcelente truco el que nos has enseñado hoy, aunque en lo personal no creo tener necesidad de usarlo. Opino que todo lo que aquí enseñas no son simples "truquitos bonitos", sino poderosas herramientas que facilitan el trabajo. ¡Felicidades!
Olvidaba felicitarte por el nuevo "look" de este Blog, tiene un diseño padrísimo (aunque en lo particular me gustaba el diseño anterior, [sin ofender]). ¡Bien!
Oye, siéntete en libertad de darte una vuelta por mi Blog (que todavía está en proceso de construcción) y dime, por favor, cómo lo ves. Espero no estar abusando de tu amabilidad, pues sé muy bien que eres una persona muy ocupada. Cuando tengas un tiempecito visítame ahí, podrás ver que he utilizado muchos de los trucos y herramientas que tú tan gentilmente nos has enseñado aquí. ¡Siempre serás bienvenido! Si tienes alguna duda, el Blog es: Libertad-financiera-ahora.blogspot.com. Te diré que este es solo el de pruebas, pues el real llegará cuando todo esté en su debido lugar. Cuando visites este Blog te invito a escuchar el tema musical "TITANES DE LA ACTITUD", está padrísimo. Yo lo hice (es un Crossover). Bueno ya me voy porque ya me pasé escribiendo.
Que Dios te bendiga, pero no solo por lo que nos enseñas... sino por lo que eres: una excelente persona. Chao.
Hola La Trucoteca de Blogs,
ResponderEliminarPor supuesto que conozco tu blog, es excelente el trabajo que haces.
Ya te he agregado a los Blogs de ayuda y al mini directorio de faviconeras.
Gracias por pasearte por acá y por tus comentarios, estoy a tus órdenes.
Saludos.
Hola Eduardo,
ResponderEliminarMuchas gracias por tus comentarios, me alegra que te haya gustado la plantilla, aunque a modo personal yo también prefería la otra =P
No tenía idea que además de ser un excelente asesor financiero también fueras músico. Muy bueno ese tema, por cierto.
Tu blog lo veo bien, quizá habría que reducir el ancho de la imagen de la cabecera para que encaje al tamaño del blog, pues se sale a la derecha por lo grande que está.
Saludos y muchos éxitos!
hola puedes colocar mi web WWW.CURIOSIDADESDELMUNDOMX.TK como web amiga porfitas
ResponderEliminarplease me avisas gracias
sigue muy genial tu web
Hola Alex,
ResponderEliminarPor el momento sólo estoy agregando a blogs de ayuda.
Saludos.
hola de nuevo una pregunta como colocar
ResponderEliminarla caja esa que colocas para poner los codigos es ke he tratado pero siempre cuando pongo para enlazarnos coloca la imagen lo que quiero es eso de arriba donde tu colocas los codigos como la pongo me podrias decir porfa
Hola Alex,
ResponderEliminarNecesitas "parsear" el código para que no se interprete y se muestre plano.
http://ciudadblogger.com/2009/01/insertar-cdigo-html-en-un-post.html
Saludos.
Hola de nuevo El Potro!!!
ResponderEliminarTe queríamos dar las gracias por agregarnos tan amablemente a tu lista ;)
Ya sabes que en la Trucoteca tienes tu espacio también y que alli seguirá muuuucho tiempo.
También decirte que si quieres agregar tu favicon a la faviconera, no tienes mas que decirnoslo, y nosotros encantados te ponemos.
Por cierto, la propiedad "alternate" en este scroll queda muy bien.
Muchas felicidades y ánimo con tu pedazo de blog :))))
Saludos!!!
Hola La Trucoteca,
ResponderEliminarIgual me gusta el 'alternate' en este scroll, ya los más aventurados seguro le agregarán más propiedades.
Gracias por tus comentarios y mucho éxito con tu blog.
Saludos!
EZ LO K ENZEZITABA YEAH X THI
ResponderEliminarQué bueno que te ha sido útil.
ResponderEliminarSaludos.
¡¡Listo!!
ResponderEliminarYa está puesta la marquesina.
Ha sido facilísimo y ha quedado monísima. jejejej.
De nuevo mil gracias ;)
Fácil y super práctico ¿no? :)
ResponderEliminarHOla Potro !!!
ResponderEliminarHe puesto en el blog un mensaje de despedida al salir. ¿¿Se puede modificar para que en vez de ser la típica caja de windows, sea algo más personalizado???
Echale un vistazo y me dices (todavía sigues invitado jeje):
www.myclase.blogspot.com
¿¿Podría hacerse algo parecido de bienvenida?? Me refiero a pantalla, caja o algo así (Ya tengo una marquesina CHULÍSIMA gracias a tí ;) )
Gracias majo!!!
En efecto está muy chula la marquesina :)
ResponderEliminarExisten opciones para hacer las alertas más personalizadas pero requieren de otras cosas como scripts, librerías de efectos, etc., por ahora no tengo un tuto que hable sobre ello.
Para el mensaje de bienvenida mira esta entrada:
http://ciudadblogger.com/2009/02/agregar-mensaje-de-alerta-sencillo.html
¡Saludos!
Pues entonces esperaré, y si un día lo creas lo pruebo.
ResponderEliminarGRACS POTRO!!!
Hola! de Nuevo como ha puesto adonde dice Más trucos y hay sale mas entradas como lo ha hecho??
ResponderEliminarEsas son las entradas relacionadas.
ResponderEliminarhECHA la marquesina!!!
ResponderEliminarGracias tío!!!!
Por nada ;)
ResponderEliminarSi potro este creo que me sería muy util, y para que siga, sin retroceder, que debo cambiarle?
ResponderEliminarSólo elimina esta parte:
ResponderEliminarbehavior="ALTERNATE"
Eso hará que el scroll se mueva sólo en una dirección.
Que tal proto, nuevamente pasando por aquí.
ResponderEliminarMi pregunta es, y como puedo hacer para que se detenga cuando el puntero señale la marquesina.
Algo parecido al que posees en la parte superior derecha.
Un saludo!
Sería de este modo:
ResponderEliminar<marquee scrolldelay="150" onmouseover="this.stop()" onmouseout="this.start()">Aquí tu mensaje</marquee>
disculpa potro pero no se mueve... utilizo el navegador google chrome, pense ke era mi plnatilla pero veo que el ejemplo que tienes tu, tampoco funciona
ResponderEliminarsaludos
El atributo behavior ya no funciona en Chrome, elimina esta parte del código y funcionará:
ResponderEliminarbehavior="ALTERNATE"
Potro, he seguido escudriñando el blog, anadi el scroll, para mi s eve super llama mas la atencion, mil gracias y sigo pendiente al otro post pa resolver el problema.
ResponderEliminarSaludos desde P.R.
Wilfred
www.prociclismo.com
Qué gusto que te ha servido Wilfred, saludos.
Eliminarque pongo donde hay que cambiar los colores¿ no se que codigo corresponde a cada color
ResponderEliminarAquí puedes conseguir el código del color que desees:
Eliminarhttp://ciudadblogger.com/p/codigos-de-colores-rgb-y-hexadecimales.html
E S P E C T A C U L A R !!! Lo coloqué en las Entradas, es un truco excelente. Suma y sigue =) Gracias y no nos faltes nunca.
ResponderEliminarUn abrazo.-
Me alegro que haya sido de tu agrado :)
EliminarHola potro saludos quisiera saber si es posible colocar ese scroll que muestre las noticias de mi blog en movimento gracias
ResponderEliminarHola, puedes poner en él el texto que quieras, pero no es automático, tendrás que hacerlo manualmente.
EliminarQue tal Potro!
ResponderEliminarTe mando un saludo. Y disculpa pero que puedo agregar al codigo para que vaya mas rapido?
Después de <marquee deja un espacio y pon esto:
Eliminarscrollamount="10"
Esa es la velocidad.
Gracias Potro! con toda tu ayuda e podido personalizar mi blog y muchas otras cosas mas tal y como quiero. Espero no te moleste o exista algun problema por mencionarte en muchas partes de mi blog (como en los creditos del final de la pagina por ejemplo). Saludos.
EliminarNingún problema, todo lo contrario :)
EliminarMe equivoqué antes de post, tengo el ancho de 300px y claro, si el texto es mas largo...se corta, se puede hacer para que se haga un segundo renglón automaticamente??
ResponderEliminarhttp://football-afa.blogspot.com.es/