Frases aleatorias | Oloblogger Una manera de mostrar citas que os gusten en vuestro espacio. Cada vez que se cargue la página, se podrá ver un frase distinta de entre una ...

10 de diciembre de 2007

Frases aleatorias

Una manera de mostrar citas que os gusten en vuestro espacio. Cada vez que se cargue la página, se podrá ver un frase distinta de entre una selección que vosotros mismos teneis que crear.

El código básico es éste:

<!-- FRASES -->
<script language="JavaScript">
frases = new Array()
frases[0] = "No intente hacer un programa a prueba de tontos. Los tontos son muy ingeniosos - Murphy"
frases[1] = "El silencio es el elemento en el cual se forman las más grandes cosas - Carlyle"
frases[2] = "Inteligencia militar son dos términos contradictorios - Groucho Marx"
frases[3] = "A los silenciosos no se les puede quitar la palabra - Stanislaw Jerzy Lec"
frases[4] = "La religión sin la ciencia estaría ciega, y la ciencia sin la religión estaría coja también - Albert Einstein"
frases[5] = "Existen 10 tipos de persona, las que saben binario y las que no - Autoría sin acreditar"
aleatorio = Math.random() * (frases.length)
aleatorio = Math.floor(aleatorio)
document.write(frases[aleatorio])
</script>
<!-- FRASES -->

Para tener más frases, sólo hay que añadir nuevas líneas en el Array, justo antes del primer aleatorio, asignándole el siguiente ordinal que toque. Por ejemplo una sexta sería...

frases[6] = "Tres podrían guardar un secreto si dos de ellos hubieran muerto - Benjamin Franklin"

Una vez construido vuestro propio código, podeis configurar el aspecto que tendrá la cita cuando se muestre en vuestro espacio. Así, podreis ponerla por ejemplo, en cursiva, en verde, en letra más grande, etc. Para ello, utilizar <div style="font-size: 3... etc. al principio de este código, sin olvidar poner el </div> al final.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

47 comentarios :

  1. Hola Oloman, la verdad lo que menos quiero es volverte loco,pero me cargare mi portatil como le siga haciendo cambios extraños a la configuracion de internet, me baje hasta el mozilla, pero no hay manera , no me abre la pagina correctamente, y he comprobado que es problema de mi portatil, es probable que no sepas por que tengo este error, pero si sabes de alguien o de un sitio que pueda visitar para obtener soluciones te lo agradezco, conozco una persona que tiene el mismo problema (uff, no soy la unica, jajaja) bueno una vez mas felicitaciones y gracias anticipadas....

    ResponderEliminar
  2. Lo que no recuerdo (si es que me lo contaste) es qué tipo de problemas tienes.
    ¿No abre qué página? ¿Qué tipo de error te da?

    ResponderEliminar
  3. oloman, no se puede hacer esto mismo pero con imagenes, que salga una imagen aleatoria en ves de un frase, gracias y saludos

    ResponderEliminar
  4. Si que se puede, pero mi ritmo de investigación, redacción y publicación es más lento que el tuyo en cuanto a peticiones :-)
    A diferencia de lo del formulario, esto sí que te lo hago seguro.

    ResponderEliminar
  5. Hola y un millon de gracias por la paciencia que tienes, me he convertido en una fans de tus blogs, y puedo ver como te entregas y das soluciones a todo lo que te preguntan, mi caso es el siguiente: mi blog abre perfectamente, puedo editar entradas y publicarlas, logicamente, pero cuando quiero editar y entro en configuracion de plantilla en donde puedo agregar elementos y moverlos de sitio, el recuadro que en la parte superior dice "navbar" no me aparece, y en la otra pestaña para configuarar los colores de la pagina, tampoco me aparece la vista previa que suele salir en la parte inferior, lo curioso es que en el ordenador de mi hija me abre la pagina perfectamente, en la de mi oficina tambien me abre bien, pero en mi portatil no, he buscado foros para ver si veo solucion y no he tenido suerte, solo un par de mensajes, de personas que tienen el mismo problema, y con la misma suerte que yo, o sea nula, creo que es evidente que tiene que ser un problema de mi portatil, me han dicho que puede ser el explorador, por eso me baje el mozilla, pero igual, el mismo problema, siento lo largo de este "comentario-consulta" jajaja ,deseo que sigas teniendo mucha suerte y un monton de visitas, yo intente poner tu enlaze con tu logo, pero no pude, lo siento, una vez mas GRACIASS!!!

    ResponderEliminar
  6. Denise, una captura de pantalla ayudaría.
    Por si no sabes, cuando tengas delante lo que dices que ves, o mejor dicho que NO ves, pulsa la tecal IMPR PANT (cerca de INSERT, SUPR, etc).
    Luego en cualquier programa que admita imágenes (Word, Paint, etc) le das a CTRL+V (pegar), guardas el documento y lo envías a la dirección de correo que hay en la barra lateral.
    A ver si "viendo" eso, podemos ayudar...

    ResponderEliminar
  7. tranquilo oloman, se que eso te llevara tiempo y te felicito porque le dedicas buen tiempo a la web, muchas cosas de mi web se deven a tu ayuda. Yo espero, pero dime algo, te ayudaria en lo del formulario automatico algo asi como el codigo o el host donde se alojan estos. o dime en que te puedo ayudar

    ResponderEliminar
  8. Creo que ya sé cómo se hace para incorporar los datos de un formulario a una nueva entrada.
    Lo que no he logrado es incorporarle una etiqueta y por tanto, ésta no se incorpora a las existentes.

    ResponderEliminar
  9. Ya tambien aprendi a hacer esta accion en blogger, lo unico que me falta es lo mismo que a ti, generar las etiquetas automaticamente, saludos y espero tu respuesta

    ResponderEliminar
  10. Seguro que se puede hacer, porque en programación se puede hacer todo. Es cuestión de trabajo (y también de dinero), pero la web que me pasaste como referencia no realiza ese servicio. Lo he comprobado y no asigna etiqueta ni nada. Sólo le pone un nombre genérico a la entrada.
    Si ya sabes como hacer lo de publicar automáticamente un formulario, lo explicaré más adelante para otros.
    Primero cómo hacer un formulario.
    Saludos

    ResponderEliminar
  11. SI, eso me di cuenta, jejeje, ya cree un formulario de autopublicacion, gracias

    ResponderEliminar
  12. Enhorabuena Oloman por las entradas de este blog. Como verás ya he colocado algunas cosillas que nos has sugerido en mi blog. Un saludo, y sigue así.

    ResponderEliminar
  13. gracias por este truco nateriormente trate de hacerlo desde otro blog yo creo que estaba mal el codigo pero este si me funciono te felicito en cuanto pueda te enlazo desde mis dos blog

    ResponderEliminar
  14. Oloman, como estas... tantos dias que no pasaba por aca... una pregunta ¿donde pongo este codigo? y ¿como lo personalizo? quizas me perdi alguna explicacion previa, pero estoy un poco colgado con esto... ayudame... de nuevo

    ResponderEliminar
  15. Alexis, lo normal será que lo añadas como un "elemento HTML". Una vez que se abra la ventana emergente, copias y pegas el código indicado, adaptando las frases a las que tú consieres.

    Con respecto a la personalización, hay que encerrar todo ese código entre las etiquetas <div> y </div>. La primera además debe incorporar un STYLE con los atributos que quieras. Eso se explica en la parte final de la entrada.

    Un saludo,

    ResponderEliminar
  16. Gracias Oloman, funciona perfecto... Tengo otra pregunta (molesto mucho, cierto?, pero esto aprendiendo... jajaja) Existe alguna manera de contar cuantas veces se ha descargado un archivo dentro del blog? POr ejemplo en el blog oficinadiscapacidad.blogspot.com, subi un libro en pdf que es de nuestra oficina, y me gustaria saber si lo descargan, y cuantas veces. Que hay que hacer??? Puedes ayudarme???

    ResponderEliminar
  17. Bueno alexis, así a bote pronto se me ocurre que podrías usar algún servicio de estadísticas. Cada descarga es como una visita a la dirección http://loquesea.com/fichero.pdf.

    Buscando en las estadísticas dicha dirección, podrás comprobar el número de veces que alguien ha estado allí y, en teoría, se ha descargado el fichero.

    Hace tiempo expliqué cómo poner un contador en tu web. Lo que ocurre es que no recuerdo si alguno de los servicios propuestos (eran todos gratis) ofrecía el detalle por página.

    ResponderEliminar
  18. Hombre mil gracias! me ha ayudado mucho =D

    ResponderEliminar
  19. Gracias Oloman, ya lo puse en mi sidebar!
    Un abrazo

    ResponderEliminar
  20. hola a todos y a todas, mi pregunta es, como puedo hacer con este scrip que es para frases, ¿se puede modificar para que se puedan poner cuentos cortos en vez de solo frases? lo he intentado pero no me ha salido

    ResponderEliminar
  21. Estela, pruébalo con el código exacto del ejemplo. Si funciona, que debe funcionar, después sólo tendrás que cambiar el contenido entrecomillado, por lo que tú quieres mostrar. No deberías tener problemas.

    ResponderEliminar
  22. voy a probar, muchas gracias
    estamos en contacto

    ResponderEliminar
  23. hola Oloman, de nuevo yo.Bueno esta vez quería preguntarte si se podrá que cada frase tenga su propio enlace. Gracias !!

    ResponderEliminar
  24. Puedes hacerlo tal y como se explicó en el post de las imágenes aleatorias con enlace. Sólo tienes que sustituir <img src="URL_IMAGEN2"/> por la frase. La frase sin comillas ni ningún otro símbolo.

    ResponderEliminar
  25. Pues lo heintentaro de todas formas y a mi no me funciona. abri un nuevo widget en blogspot, luego le di a insertar html o scripts, pegue el codigo y sale ne blanco...que debo hacer?

    ResponderEliminar
  26. Tubeth2000, desde ELEMENTOS DE PAGINA, pinchas en AÑADIR GADGET en el lado de la barra lateral, seleccionas el tipo HTML/JavaScript y en la ventana que se abre, copias el código que se reproduce al principio, tal cual, sólo para ver si funciona. Le das a GUARDAR.

    Ahora al ver tu blog, en la barra lateral tendrás una de las frases del ejemplo. Si funciona ya puedes ir cambiando/añadiendo tus propias frases.

    Lo acabo de comprobar y el código sigue funcionando sin problemas.

    ResponderEliminar
  27. Hola, muy buena esta idea de poner frases en el Blog. Ya logré hacerlo, pero me interesaba saber si hay manera de darle movimiento, hacer que parezca que se va escribiendo, o que pase de derecha a izquierda y vuelva a empezar, algo así como hacen las imágenes de los slide, no se si entiende lo que digo...
    Si se puede, genial, sino, excelente post igual! Gracias por tu ayuda!

    ResponderEliminar
  28. Precisamente hace unos días estuve con un script que escribía poco a poco una frase. A ver si lo puedo acoplar a esto y lo publico.

    ResponderEliminar
  29. hola oloman soy nuevo en esto de computacion y estoy creando mi primera pagina web, bueno es un sitio en google sites, me intereso lo de las frases aleatorias que dices arriba, solo que no entiendo donde debo de escribir ese codigo, y si al terminarlo de redactar debo copiarlo todo y pegarlo como tal en la pagina web????? tambien no entendi muy bien eso que dices para dar formato a las frases.

    Muchas gracias de antemano

    ResponderEliminar
  30. Hola, disculpa pero a mi no me deja subirlo en google sites, ya encontre el gadget que dices (html/javascript) pero no me deja introducirle el codigo que ya hice con las frases. ¿que hago?

    ResponderEliminar
  31. Rafael, lo del html/javascript era una indicación para los blogs en Blogger. En una página normal, el código indicado habría simplemente que copiarlo y pegarlo delante del </head>, aunque no sabría decirte cómo instalarlo concretamente en Google Sites.

    Una vez pegado y comprobado que funciona, sólo habría que sustituir las frases del ejemplo por las propias o añadir nuevas, tal y cómo se explica.

    ResponderEliminar
  32. Hola oloman mira hay un cuadrito en google sites que dice "editar html" le di click ahi y me aparece esto:

    -DIV style--"TEXT-ALIGN: left; MARGIN-TOP: 0pt; DIRECTION: ltr; MARGIN-BOTTOM: 0pt; MARGIN-LEFT: 0in; WORD-BREAK: normal"- /DIV-

    (la verdad no se que significa esto jeje) ahora siguiendo lo que me dices, debo de pegar el codigo que proporcionas al final, me dices que es despues de -/head- pero no vi ningun -/head- en el codigo html asi que ese lo puse por mi cuenta jeje, ahora el codigo lo coloque asi:

    /head
    -!-- FRASES -- -
    -script language--"JavaScript"-
    frases -- new Array()
    frases[0] -- "No intente hacer un programa a prueba de tontos. Los tontos son muy ingeniosos - Murphy"
    frases[1] -- "El silencio es el elemento en el cual se forman las más grandes cosas - Carlyle"
    frases[2] -- "Inteligencia militar son dos términos contradictorios - Groucho Marx"
    frases[3] -- "A los silenciosos no se les puede quitar la palabra - Stanislaw Jerzy Lec"
    frases[4] -- "La religión sin la ciencia estaría ciega, y la ciencia sin la religión estaría coja también - Albert Einstein"
    frases[5] -- "Existen 10 tipos de persona, las que saben binario y las que no - Autoría sin acreditar"
    aleatorio -- Math.random() * (frases.length)
    aleatorio -- Math.floor(aleatorio)
    document.write(frases[aleatorio])
    -/script-
    !-- FRASES --

    posteriormente viene el gran problema que no se como eliminar al darle aceptar (actualizar) me aparece este mensaje:

    SE MODIFICARA EL CONTENIDO HTML
    El contenido HTML incluye código poco seguro (marco flotante, incrustación, estilos o secuencia de comandos) o atributos adicionales. Se eliminarán al visualizar la página.

    ese el el mensaje que me aparece y bueno despues le doy aceptar y no me aparece nada, hay algun otro codigo que pueda ocupar para que aparezcan las frases aleatorias en google sites, ya realice mi codigo, como lo indicaste arriba solo que la verdad no se como subirlo a mi sitio!!!!!

    muchas gracias por tu paciencia, espero me hayas comprendido mi gran problema!!!!

    Saludos

    NOTA: cambie menor y mayor que por un guion asi -
    y cambie el igual por dos guiones asi --

    por que no me dejaba subir el codigo html

    ResponderEliminar
  33. He abierto cuenta y lo he estado viendo, Rafael. No puedes insertar ningún script en Google Sites.

    Efectivamente es en editar HTML y no hay que añadir nada. Lo que ocurre es que rechaza el contenido por poco seguro. Ya me pusiste el mensaje que te daba pero lo quería ver y ahora releyendo más despacio, efectivamente te dice al final que lo eliminará.

    ResponderEliminar
  34. entonces no hay manera de colocar frases aleatorias en google sites???? lo intente con un gadget que proporciona google sites pero no me convence mucho, por que algunas frases que proporcionan ahi no me agradan y me gustaria personalizarlo a mi manera con mis frases.

    Muchisimas gracias por tu ayuda!!!!!

    Saludos

    ResponderEliminar
  35. Tendrías que pasarme el enlace para comprobar si puedo ver el código que has instalado y si es modificable.

    ResponderEliminar
  36. Hace bastante que no se firma acá, pero tengo una duda: ¿Es posible insertar el comando de frases aleatorias en el formulario de comentarios de blogger?
    Es decir, que cada vez que alguien quiera comentar algo le aparezca una frase distinta en vez del "Haga su comentario".

    ResponderEliminar
  37. Sí que es posible Seba77. Mañana lo vemos... ;)

    ResponderEliminar
  38. Pues lo acabo de agregar a mi blog en un elemento html (4) pero resulta que al modificarlo me gustaria que estuviese en la cabecera pero intento modificarlo y pasa por atras osea no pasa por encima en resumen no se ve u.u (actualmente esta abajo de la cabecera) como podria hacerlo para que se vea? http://borrador-j4.blogspot.com/

    muchas gracias una muy buena entrada ^^^muy interesante

    ResponderEliminar
  39. "Este blog sólo admite a lectores invitados." :(

    Por suponer algo, supongo que tienes la cabecera bloqueada con locked="true". Desbloquéala y luegue mueves el elemento HTML encima de ella.

    Más info: http://oloblogger.blogspot.com/2009/08/blogger-como-eliminarsustituir-la.html

    ResponderEliminar
  40. Muchas gracias por este script, era justo lo que estaba buscando. Lo puse en la página de inicio de mi blog: www.rodrigoconde.com

    Saludos!

    ResponderEliminar
  41. Visto funcionando Rodrigo. Un saludo.

    ResponderEliminar
  42. y ¿sabéis como hacer que estas frases cambien cada cierto tiempo independientemente de que se actualice la página?

    ResponderEliminar
  43. Antucho lo puedes hacer con este otro código, cambiando las imágenes por texto: enlace.

    De todas formas, voy a ver si lo monto y lo publico cuando tenga un rato.

    ResponderEliminar
  44. Hola a todos.
    Magnífico trabajo Oloman.

       Quería hacer una petición un poco descomunal. ¿Sería posible obtener un script que soportara 1000 frases aleatorias, inclusive párrafos con 6-7líneas?.

       Este script va muy bien, pero no me soporta más de 25 frases con éxito y a lo tonto he ido reuniendo cerca de 700. Me supone una gran hazaña cultural, mas si cabe pudiera compartirla de esta forma aleatoria tan amena y vistosa funcionando en mi blog, o el de cualquiera que me la solicite.

    Un saludo.

    ResponderEliminar
  45. Atlante no sabía que los arrays tuvieran un tope de 25 elementos. De hecho he estado buscando información por ahí y según leo admite bastantes más (más de 4.000 millones) ¿Seguro que no hay algún tipo de error a partir del elemento 25 que hace que parezca que ese es el tope?

    ResponderEliminar
  46.    En efecto, Oloman, totalmente correcto, ya lo creo que había algún error. El cierre de comillas era distinto en algunas frases, dispersas por doquier, al parecer impedían el funcionamiento completo. Y eso que le daba misma fuente a todas dentro del blog de notas, pero al copiar y pegar las frases se resistían -las muy rebeldes- variando el cierre de comillas. He tardado en descubrir esta causa en mi marea de datos.

       Es estupendo que soporte esa cantidad tan astronómica, genial. En algún sitio leí que había un tope de 25 o cifra similar, pero les pasaría lo mismo y se originó una leyenda virtual.

    Gracias por responder tan pronto.

    ResponderEliminar
  47. Últimamente no está siendo mi costumbre Atlante. Me refiero a lo de responder rápido :(

    ResponderEliminar