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.




























17 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,
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