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:
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.
23 comentarios:
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
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.
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??
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.
Gracias Gente, saludos y felices fiestas
Gracias a ti Bistiarj. Un saludo compañero.
gracias wn !!!!!!!!!! te amo !!!
xd
Hola, el script funciona perfecto.
Pero tengo una duda ¿Hay manera de ponerlo abajo del tiulo del blog (donde va la descripcion?
Gracias
@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
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
EXELENTE BLOG. MUCHAS GRACIAS. http://soloparamujeresescritaporunhombre.blogspot.com/#
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
@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.
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
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>
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>
si quereis mas frases entrad en:
http://mifrasedeldia.blogspot.com
podeis recibirlas en vuestro mail o leerlas ahi directamente.
Espero que os guste
Saludos,
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.
Muchísimas gracias, tenía rato buscando esto para blogger. Gracias.
Un detallito más, no puedo cargar más de diez. =/ ¿hay algún modo de poder poner más?
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!!
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.
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
NORMAS PARA COMENTAR:
1) Si no encuentras lo que buscas emplea el buscador.
2) Si quieres preguntar algo, primero asegúrate que tu comentario guarda relación con la temática de la entrada.
3) Si tu pregunta no encaja en ninguna entrada mándame un e-mail en contacto situado a pie de página para preguntarme lo que necesites.
4) Trata de expresarte bien. Explica correctamente tu problema, y por favor, no escribas en mayúsculas ni emplees lenguaje SMS. Escribir correctamente es gratis.
5) No hagas SPAM. Comentarios breves con la unica intención de dejar la dirección de tu blog será considerado SPAM.
6) No se permiten descalificaciones ni faltas de respeto hacia ningún usuario.
Si no se cumplen estas seis normas el comentario será ignorado y/o borrado.
Respetando estas normas ganamos todos, conseguimos un mayor orden y ayuda para los nuevos visitantes. Gracias por tu comprensión.
Publicar un comentario en la entrada