Scroll de bienvenida sin script

1 de octubre de 2009 42 comentarios ,
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:

Hola, bienvenid@ a mi blog

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"


42 comentarios en:

" Scroll de bienvenida sin script "

  1. Este comentario ha sido eliminado por el autor.

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

    ResponderEliminar
  3. Hola El Potro!!
    Querí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 !!!!

    ResponderEliminar
  4. ¡Hola, Potro!

    Excelente 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.

    ResponderEliminar
  5. Hola La Trucoteca de Blogs,

    Por 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.

    ResponderEliminar
  6. Hola Eduardo,

    Muchas 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!

    ResponderEliminar
  7. hola puedes colocar mi web WWW.CURIOSIDADESDELMUNDOMX.TK como web amiga porfitas

    please me avisas gracias

    sigue muy genial tu web

    ResponderEliminar
  8. Hola Alex,

    Por el momento sólo estoy agregando a blogs de ayuda.
    Saludos.

    ResponderEliminar
  9. hola de nuevo una pregunta como colocar

    la 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

    ResponderEliminar
  10. Hola Alex,

    Necesitas "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.

    ResponderEliminar
  11. Hola de nuevo El Potro!!!
    Te 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!!!

    ResponderEliminar
  12. Hola La Trucoteca,

    Igual 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!

    ResponderEliminar
  13. EZ LO K ENZEZITABA YEAH X THI

    ResponderEliminar
  14. Qué bueno que te ha sido útil.
    Saludos.

    ResponderEliminar
  15. ¡¡Listo!!
    Ya está puesta la marquesina.
    Ha sido facilísimo y ha quedado monísima. jejejej.


    De nuevo mil gracias ;)

    ResponderEliminar
  16. HOla Potro !!!

    He 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!!!

    ResponderEliminar
  17. En efecto está muy chula la marquesina :)

    Existen 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!

    ResponderEliminar
  18. Pues entonces esperaré, y si un día lo creas lo pruebo.

    GRACS POTRO!!!

    ResponderEliminar
  19. Hola! de Nuevo como ha puesto adonde dice Más trucos y hay sale mas entradas como lo ha hecho??

    ResponderEliminar
  20. hECHA la marquesina!!!

    Gracias tío!!!!

    ResponderEliminar
  21. Si potro este creo que me sería muy util, y para que siga, sin retroceder, que debo cambiarle?

    ResponderEliminar
  22. Sólo elimina esta parte:
    behavior="ALTERNATE"

    Eso hará que el scroll se mueva sólo en una dirección.

    ResponderEliminar
  23. Que tal proto, nuevamente pasando por aquí.
    Mi 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!

    ResponderEliminar
  24. Sería de este modo:

    <marquee scrolldelay="150" onmouseover="this.stop()" onmouseout="this.start()">Aquí tu mensaje</marquee>

    ResponderEliminar
  25. 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

    saludos

    ResponderEliminar
  26. El atributo behavior ya no funciona en Chrome, elimina esta parte del código y funcionará:
    behavior="ALTERNATE"

    ResponderEliminar
  27. 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.
    Saludos desde P.R.
    Wilfred
    www.prociclismo.com

    ResponderEliminar
  28. que pongo donde hay que cambiar los colores¿ no se que codigo corresponde a cada color

    ResponderEliminar
    Respuestas
    1. Aquí puedes conseguir el código del color que desees:
      http://ciudadblogger.com/p/codigos-de-colores-rgb-y-hexadecimales.html

      Eliminar
  29. 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.
    Un abrazo.-

    ResponderEliminar
  30. Hola potro saludos quisiera saber si es posible colocar ese scroll que muestre las noticias de mi blog en movimento gracias

    ResponderEliminar
    Respuestas
    1. Hola, puedes poner en él el texto que quieras, pero no es automático, tendrás que hacerlo manualmente.

      Eliminar
  31. Que tal Potro!

    Te mando un saludo. Y disculpa pero que puedo agregar al codigo para que vaya mas rapido?

    ResponderEliminar
    Respuestas
    1. Después de <marquee deja un espacio y pon esto:
      scrollamount="10"

      Esa es la velocidad.

      Eliminar
    2. 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.

      Eliminar
    3. Ningún problema, todo lo contrario :)

      Eliminar
  32. Me 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??

    http://football-afa.blogspot.com.es/

    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.

 
Ir Arriba Ir Abajo
I Ciudad Blogger