Pequeño código javascript para mostrar una frase distinta cada vez que se cargue la página. Puedes ponerlo en cualquier parte del blog, y con un poco de imaginación lograr un efecto interesante. Las frases son completamente personalizadas, puedes definir tantas como quieras y del largo que desees. El ejemplo que se muestra a continuación está funcionando (para ver una frase distinta presiona F5):
1) El código javascript
Copia y pega estas líneas en un elemento de página HTML/JavaScript:
<script language="JavaScript">
frases = new Array()
frases[0] = "Tendrá todo el dinero del mundo… pero hay algo que jamás podrá comprar…. un dinosaurio (H. J. Simpson)"
frases[1] = "En la vida hay 3 tipos de hombres, los que saben contar y los que no (H. J. Simpson)"
frases[2] = "¿¡Operadora!? ¿Cuál es el número del 911? (H. J. Simpson)"
frases[3] = "Intentar algo es el primer paso hacia el fracaso (H. J. Simpson)"
aleatorio = Math.random() * (frases.length)
aleatorio = Math.floor(aleatorio)
document.write(frases[aleatorio])
</script>
2) Cambiar y agregar frases
Simplemente reemplaza las frases por las que te gusten. Puedes añadir tantas como quieras agregando frases[4], frases[5], etc. en el orden correspondiente, siempre antes de aleatorio = Math.random()... y con la frase entre comillas.
3) Personalización (opcional)
Puedes alterar la apariencia del widget (color del texto, tamaño, alineación, etc.) insertando todo el código anterior dentro de un div, como por ejemplo:
<div style="text-align: center; color: #0000ff; font-weight: bold">
(código javascript)
</div>
(en este caso las frases se verán centradas, en color azul y en negrita)
Actualizaciones en tu Email
13 comentarios:
Hola, ¿sabes si hay alguna limitación para el número de citas o su longitud? He puesto 20 y alguna de tres líneas y no salen
Técnicamente no tiene por qué haber limitaciones. Estoy seguro de que se pueden poner miles de frases, aunque no lo he intentado. En cuanto a la cantidad de caracteres, no estoy seguro. Lo voy a investigar y te aviso (si alguien lo sabe, por favor deje su mensaje después de la señal). Pero, por las dudas, revisa que hayas copiado bien el código.
Pufff! Te aseguro que he probado al menos cinco códigos, incluso alguno en php, de varios blogs de ayuda. No ha habido manera.
A ver si los expertos descubrís algo. Gracias
"Aunque la verdad sea inmensa, no hay peor ciego que el que no quiere ver"
Yo he encontrado una pagina que te ofrece gratuitamente un codigo que muestra una frase aleatoria diaria en tu web o blog. La dejo por si les interesa: http://www.frasecelebre.net/servicios/frases_en_tu_blog.html
Gracias. Dejo el enlace para acceder más cómodamente. Las frases son muy buenas. Advierto, sin embargo, que dicho código incluye un bonito enlace al sitio que provee las frases que puede atentar contra la estética de nuestro blog.
Esto se puede evitar, por si a alguien le interesa, agregando en la hoja de estilos CSS la siguiente línea:
a[href='http://www.frasecelebre.net']{display:none;visibility:hidden;}
(aquí preparé un ejemplo con ambos códigos)
Soy el administrador de http://www.frasecelebre.net y solo quería decir que no me parece muy ejemplar ocultar un enlace que no altera para nada el diseño como deciais más arriba. Creo que ya que ofrecemos un servicio gratuito que menos que recibir un enlace simple del blog o web que se beneficia del servicio ¿no?. En fin, es mi humilde opinión!!.
A mí tampoco me parece ejemplar. Tampoco me parece ejemplar que incluyan dicho enlace. Es una elección personal.
Respeto el trabajo que hacen y, desde mi sincera (no sé si humilde) opinión, estoy seguro de que mucha gente no usa el servicio porque incluye un enlace, así que quizás ofrecerlo sin él sea una buena idea. De ninguna manera pretendo decirles qué hacer; es mi visión del asunto.
Por otro lado, este blog es para enseñarle a la gente a hacer las cosas por sí misma, pero son ellos los que decidirán qué hacer; no se fomenta eliminar enlaces ni tampoco se condena. Saludos, Kus.
Ola...coloque el codigo que diste para las frases..y ahora voy a la plantila html y no encuentro el link y entonces no puedo cambiar las frases que hago por fa!!! me puedes ayudar???
Diana, desde la plantilla no se puede ver el código, porque está dentro del widget y es externo (Blogger lo guarda en otro lado).
Para editarlo o borrarlo hay que ir a Panel » Diseño » "Elementos de la página" y ahí buscar el widget correspondiente y hacer click donde dice "editar" (o a veces "edit").
Si continúa tu problema, dejame un link a tu blog así lo veo. Suerte!
Hola, lo he estado probando pero a mi a partir de 30 frases no me funciona, queria poner bastantes mas...
excelente me funciona de maravilla muchas gracias, saludos desde mty mexico
Le sugiero algo a la Hora de Pegar el Codigo Cambiar Donde Dice
script language="JavaScript">
frases = new Array()
Por:
new Array(El numero de frases Que Tiene El Scrpt.)
Publicar un comentario en la entrada