Frases aleatorias en blogger


En ciertos blogs puede resultar muy interesante poner textos o frases aleatorias que van cambiando cada vez que se carga el blog. Así podemos mostrar a nuestros lectores advertencias, consejos o simplemente frases y textos que nos gustaría que leyesen.

Con un simple script podemos lograrlo, para ello sigue estos pasos:
1) Vamos a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript. En él pegaremos el siguiente código:

<script language="JavaScript">
frases = new Array()
frases[0] = "Frase1"
frases[1] = "Frase2"
frases[2] = "Frase3"
frases[3] = "Frase4"
frases[4] = "Frase5"
frases[5] = "Frase6"
aleatorio = Math.random() * (frases.length)
aleatorio = Math.floor(aleatorio)
document.write(frases[aleatorio])
</script>

Código a copiar/pegar

Guarda el gadget y ahora cada vez que se cargue tu blog, verás una frase diferente.

Para añadir más frases fíjate en el código. Abajo de "frases[5] = "Frase6"" deberás poner "frases[6] = "Frase7"" y así sucesivamente.


También te puede interesar alinear el gadget y como poner imagenes aleatorias en blogger.



Visto gracias a mi amigo Oloblogger.

24 comentarios:

  1. Hola que tal? estuve utilizando este truquito y queria saber dos cosas acerca de el, la primera si existe alguna manera de que las frases aparezcan en letra minuscula (ya que me aparecen en mayusculas) y como todos sabemos es como gritar en la internet eso (ademas no queda muy lindo) y lo segundo es si en caso de que no se pudiera lo de las minusculas, si se puede poner link a imagenes previamente subidas (con las frases escritas) para que aparezcan aleatoriamente como en el original
    Muchas gracias por todo! ya aparezco en los buscadores gracias a ustedes!!!
    un blogazo el suyo

    ResponderEliminar
  2. Hola Bistiarh. Si te aparece en mayúsculas es por algo de tu blog. A mí, en otro blog, me aparece correctamente. No sé decirte cuál es el problema de tu blog.

    Para poner lo de las imágenes lo único que se me ocurre es esta opción: http://www.quierocrearunblog.com/2009/09/crear-un-banner-para-blog.html

    Un saludo.

    ResponderEliminar
  3. Holaa!! Me gusto mucho tu aporte, y por cierto muchas felicidades por tu blog xD

    Solo quisiera saber si se pueden poner imagenes
    aleatorias en vez de frases.

    Por ejemplo... tengo que poner el codigo de una imagen en HTML en vez de
    "frase 1" ???
    o como??

    ResponderEliminar
  4. Hola Ana Lucia. Me alegro que te guste el aporte y mi blog, muchas gracias.

    Para poner imágenes aleatorias en blogger emplea este código en lugar del código de la entrada:

    <script language="JavaScript">
    function ver_imagen()
    {
    n=0;
    this[n++]="URL imagen 1";
    this[n++]="URL imagen 2";
    this[n++]="URL imagen 3";
    this[n++]="URL imagen 4";
    this.N=n;
    }
    var imagen=new ver_imagen();
    src= imagen[ Math.floor(Math.random() * imagen.N) ] ;
    document.write("<img src="+src+">");
    </script>

    En donde pone URL imagen pon allí el enlace de la imagen que desees.

    Espero que te sirva, un saludo.

    ResponderEliminar
  5. Gracias Gente, saludos y felices fiestas

    ResponderEliminar
  6. Gracias a ti Bistiarj. Un saludo compañero.

    ResponderEliminar
  7. gracias wn !!!!!!!!!! te amo !!!

    xd

    ResponderEliminar
  8. Hola, el script funciona perfecto.

    Pero tengo una duda ¿Hay manera de ponerlo abajo del tiulo del blog (donde va la descripcion?

    Gracias

    ResponderEliminar
  9. @yo. Gracias amigo, me alegro que te sirva.

    @Jacobo. Puedes ponerlo en la sección crosscol. Aquí tienes información sobre crosscol: http://www.quierocrearunblog.com/2009/11/poner-tres-columnas-debajo-header.html

    ResponderEliminar
  10. Hola, intentando con crosscol no me funcionó, así que pongo el procedimiento como lo hice, de pronto le sirve a alguien más.

    Busqué el header en el html de la plantilla y abajo justo abajo del widget de header puse este codigo

    <*b:widget id='HTML99' locked='false' title='' type='HTML'/*>

    y editando ese widget puse antes del script <div id='header .description>

    y luego del codigo
    </div>

    Guardé cambios y listo!

    Saludos y gracias

    ResponderEliminar
  11. EXELENTE BLOG. MUCHAS GRACIAS. http://soloparamujeresescritaporunhombre.blogspot.com/#

    ResponderEliminar
  12. Disculpame... no se si será que soy una bestia.. o estoy haciendo algo mal.. pero no me salen las benditas frases.. y lo hago muy bien explicas aquí:

    añado un gatget HTML/Javascript coloco el scrip con mis frases, pero nada

    un consejo me caeria de perlas...

    gracias adelantadas

    ResponderEliminar
  13. @Jacobo. Gracias por tu aporte amigo.

    @Carlos. Por favor, trata de hacer spam...

    @Noé. Hola amigo, bienvenido. Sólo te puedo decir que revises a ver si copiaste bien el código, es decir, si lo pegaste entero y no te saltaste ningunas comillas "". Un saludo.

    ResponderEliminar
  14. Gracias por el aporte, ya lo he probado y va perfecto.

    Jugueteando con la edición HTML se puede poner en otros sitios del blog. Yo lo he puesto de subtítulo y queda perfecto. Un saludo

    ResponderEliminar
  15. acá les dejo el código conel logramos un formateo en la visualización de las frases. espero les sirva!. Saludos


    <script language="JavaScript">

    <!--

    quotes = new Array(17);

    authors = new Array(17);

    quotes[0] = "I have a new philosophy. I'm only going to dread one day at a time.";

    authors[0] = "Charles Schulz";

    quotes[1] = "Reality is the leading cause of stress for those in touch with it.";

    authors[1] = "Jack Wagner";

    quotes[2] = "Few things are harder to put up with than the annoyance of a good example.";

    authors[2] = "Mark Twain";

    quotes[3] = "The pure and simple truth is rarely pure and never simple.";

    authors[3] = "Oscar Wilde";

    quotes[4] = "There's no business like show business, but there are several businesses like accounting.";

    authors[4] = "David Letterman";

    quotes[5] = "Man invented language to satisfy his deep need to complain.";

    authors[5] = "Lily Tomlin";

    quotes[6] = "Hay algo que Dios hizo mal, a todo le puso límites menos a la estupidez.";

    authors[6] = "Konrad Adenauer";

    quotes[7] = "El amor es una amistad con momentos eróticos.";

    authors[7] = "A. Gala";

    quotes[8] = "Si ríes, el mundo ríe contigo, pero si lloras, lo haces sólo.";

    authors[8] = "quién lo dijo?";

    quotes[9] = "Si buscas resultados distintos no hagas siempre lo mismo.";

    authors[9] = "Albert Einstein";

    quotes[10] = "Una nación que gasta más dinero en armamento militar que en programas sociales se acerca a la muerte espiritual.";

    authors[10] = "Martin Luther King";

    quotes[11] = "La justicia militar es a la justicia lo que la música militar es a la música.";

    authors[11] = "Groucho Marx";

    quotes[12] = "La desigualdad es el origen de todos los movimientos locales.";

    authors[12] = "Leonardo Da Vinci";

    quotes[13] = "Las grandes obras son hechas no con la fuerza, sino con la perseverancia.";

    authors[13] = "Samuel Johnson";

    quotes[14] = "En los momentos de crisis sólo la imaginación es más importante que el conocimiento.";

    authors[14] = "Albert Einstein";

    quotes[15] = "La envidia es una declaración de inferioridad.";

    authors[15] = "Napoleón Bonaparte";

    quotes[16] = "No hace falta defender siempre la misma opinión porque nadie puede impedir volverse más sabio";

    authors[16] = "Konrad Adenauer";

    quotes[17] = "Una persona no vale por sus éxitos, sino de las veces que se ha levantado de sus fracasos";

    authors[17] = "Anónimo";





    //calculate a random index

    index = Math.floor(Math.random() * quotes.length);



    //display the quotation

    document.write("<DL>\n");

    document.write("<DT><I>" + "\"" + quotes[index] + "\"</I>\n");

    document.write("<DD>" + "-- " + authors[index] + "\n");

    document.write("</DL>\n");



    //done

    //-->

    </script>

    ResponderEliminar
  16. Acá les dejo otro codigo conel que se pueden ver las frases formateadas. espero les sirva. saludos!

    <script language="JavaScript">

    <!--

    quotes = new Array(10);

    authors = new Array(10);

    quotes[0] = "I have a new philosophy. I'm only going to dread one day at a time.";

    authors[0] = "Charles Schulz";

    quotes[1] = "Reality is the leading cause of stress for those in touch with it.";

    authors[1] = "Jack Wagner";

    quotes[2] = "Few things are harder to put up with than the annoyance of a good example.";

    authors[2] = "Mark Twain";

    quotes[3] = "The pure and simple truth is rarely pure and never simple.";

    authors[3] = "Oscar Wilde";

    quotes[4] = "There's no business like show business, but there are several businesses like accounting.";

    authors[4] = "David Letterman";

    quotes[5] = "Man invented language to satisfy his deep need to complain.";

    authors[5] = "Lily Tomlin";

    quotes[6] = "Hay algo que Dios hizo mal, a todo le puso límites menos a la estupidez.";

    authors[6] = "Konrad Adenauer";

    quotes[7] = "El amor es una amistad con momentos eróticos.";

    authors[7] = "A. Gala";

    quotes[8] = "Si ríes, el mundo ríe contigo, pero si lloras, lo haces sólo.";

    authors[8] = "quién lo dijo?";



    //calculate a random index

    index = Math.floor(Math.random() * quotes.length);



    //display the quotation

    document.write("<DL>\n");

    document.write("<DT><I>" + "\"" + quotes[index] + "\"</I>\n");

    document.write("<DD>" + "-- " + authors[index] + "\n");

    document.write("</DL>\n");



    //done

    //-->

    </script>

    ResponderEliminar
  17. si quereis mas frases entrad en:
    http://mifrasedeldia.blogspot.com
    podeis recibirlas en vuestro mail o leerlas ahi directamente.
    Espero que os guste
    Saludos,

    ResponderEliminar
  18. Muchas gracias por el truquillo, la verdad a mi si me funciono, pero lo unico es que me gustaria cambiar el color del texto, pero no se si se prodra hacer eso, porque no encuentro alguna opcion para hacerlo. de nuevo muchas gracias.

    ResponderEliminar
  19. Muchísimas gracias, tenía rato buscando esto para blogger. Gracias.

    ResponderEliminar
  20. Un detallito más, no puedo cargar más de diez. =/ ¿hay algún modo de poder poner más?

    ResponderEliminar
  21. Su blog Está Excelente Es de una gran ayuda Salu2!

    POR EL TEMA DE QUE ALGUNOS NO LES APARECEN LAS FRASES, PUEDE SER QUE HAN PUESTO MAS DE UN ". POR EJEMPLO: " No hay viento desfavorable para aquel que sabe a donde quiere llegar " " .
    (1)Solo usen dos " " es importante porque las comillas de apertura y cierre de una frase indican un string si hay una mas en la misma frase va a resultar en error;
    (2)no lleva punto luego de la comilla final ' ". '
    (3)Se admiten todos los caracteres ASCII signos de exclamacion, interrogacion, arroba, etc.
    Suerte con esto, a mi tambien me costo, pero luego al revisarlo funciono a la perfeccion!!

    ResponderEliminar
  22. Buenas a todos.

       El script va genial, he ido aumentando progresivamente su número hasta 25 con éxito, y al final reuní más de 700 frases de todos los sabios y disciplinas del conocimiento, pensando que el código no tenía límites.

       ¿Hay alguna manera de mejorarlo para que acepte como mínimo 1000 frases?, incluso un párrafo de 6 líneas si fuera posible. He buscado sin éxito romper ese límite, ¿es posible, imposible o muy difícil?. Un gran saber cultural depende de ello. Gracias por este blog tan instructivo, con él he podido realizar grandes hazañas.

    ResponderEliminar
  23.    Ya me funcionan las 700 frases aleatorias.

       Descubrí que el cierre de comillas variaba en algunas frases cuando lo copiaba desde blog de notas y eso provoca el falso límite. A pesar que le daba misma fuente a todas, en el copia-pega reaparecían los cierres de comillas modificados, al parecer esto es lo que impide que el script funcione al completo.

    Gracias por haber creado este formidable blog.
    Un saludo

    ResponderEliminar