FRASES ALEATORIAS

Poner frases aleatorias en el blog es muy simple, cada vez que se cargue la página donde esta ubicado el script, se mostrará una frase diferente, puede ser un recurso divertido ya que le da cierto dinamismo al blog. A continuación os mostraré como hacerlo.

Primer paso:(Ubicación del script)

Lo más común será insertarlo en la sidebar por tanto agregaremos un nuevo gadget de tipo HTML/Javascript y pegaremos el siguiente código:

<script language="JavaScript">
citas = new Array(5)
citas[0] = "Sé bueno con tus hijos. Ellos eligirán tu residencia"
citas[1] = "Me pregunto: ¿Qué haría yo sin mí?"
citas[2] = "La esclavitud no ha sido abolida"
citas[3] = "Los mocos son la plastilina de los pobres"
citas[4] = "Me cago en san pito pato"
aleatorio = Math.random() * (citas.length)
aleatorio = Math.floor(aleatorio)
document.write(citas[aleatorio])
</script>

Segundo paso:(Nuestras frases)

En primer lugar seleccionaremos las frases que queremos para que el escript decida aleatoriamente cual mostrar, en el ejemplo, puse 5 frases, si queréis poner el mismo número de frases tan solo tendréis que modificar las frases en si, si por el contrario queréis cambiar el número de frases actuaremos de la siguiente forma:

En la segunda línea del código podéis observar un 5 que es el número de frases, cambiar este valor por el que vosotros decidáis.
Seguidamente en el código encontramos líneas con la siguiente estructura:

citas[0] = "Aqui una frase"

Fijaros que si son 5 frases el valor del interior de los corchetes (marcado en rojo) varía entre 0 y 4 por tanto si decidieramos poner 3 frases deberíamos borrar líneas hasta que quedara solo de 0 a 2 es decir la última linea tendrá siempre el valor del número de frases menos 1, si por el contrario queréis añadir más frases tendréis que ir añadiendo líneas con la misma estructura modificando únicamente el valor del número.

Me preguntaba C.C.S que si se podía personalizar un poco más las frases aleatorias, la respuesta es que si. Veamos un ejemplo.

<div style="text-align: center; font-weight: bold">

CODIGO FRASES ALEATORIAS

</div>

Insertando nuestro código en este div, podremos modificar tanto la alineación, tipo de letra y color, podéis consultar los colores aqui.