TRUCOS y
TUTORIALES
para tu blog
No, no vendemos
camisetas... aun
Camiseta Ciudad Blogger

Descripción del blog con frases al azar

22 de febrero de 2010 | Número de comentarios32 comentarios
Al igual que hicimos para poner frases aleatorias en el blog podemos hacer que la descripción del blog muestre distintas descripciones o frases cada vez que alguien entra a la página. El único requisito es que no tengas una imagen en lugar del título y descripción del blog.

El procedimiento es muy corto, sólo entra en Diseño > Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta línea:
<data:description/>

Elimínala y en su lugar pon esto:
<script language='Javascript'>
//<![CDATA[
<!--

function text() {
};
text = new text();
number = 0;
// textArray
text[number++] = "Descripción #1"
text[number++] = "Descripción #2"
text[number++] = "Descripción #3"
text[number++] = "Descripción #4"

increment = Math.floor(Math.random() * number);
document.write(text[increment]);
//-->
//]]>
</script>

Cambia donde se indica las distintas descripciones que quieres para el blog, puedes agregar más si gustas, sólo añade una línea como esta debajo de //textArray:
text[number++] = "Descripción"

Puedes ver un ejemplo en este blog de pruebas. Presiona F5 para recargar la página y ver la siguiente descripción.

32 comentarios :

  1. wow wow wow wow!!!!!!!!!!!!!
    potro todavia no sigues impresionando!!!!
    SALUDOS!(SALU2)

    ResponderEliminar
  2. una pregunta, te lo voy a preguntar con ejemplos

    yo tengo un blog pepito.blogspot.com, bueno lo tengo durante mucho tiempo no, entonces como quiero cambiarle el nombre voy a configuracion/publicacion y le cambio el nombre por pepitoelmolesto.blogspot.com y luego de eso creo un nuevo blog, llamado como el anterior pepito.blogspot.com y en la plantilla html le pongo el codigo que vos diste para redirigir el blog con ese nombre al nuevo que cree

    bueno todo esto perfecto

    la cosa son los seguidores del blog, los seguidores que tenia en ese blog los feeds solo van a seguir actualizando los posteos en pepito.blog... no? sin posibilidad de que se retoque el codigo de la lista de seguidores?

    espero haberme expresado bien jaja, y disculpa siempre por mis preguntas tan largas, un abrazo grande

    ResponderEliminar
  3. Jaja que curioso.

    Tu ya publicaste otro post de textos que cambian al recargar la pagina, y yo ni he puesto la caja de avisos del año pasado jaja.

    Saludos.

    ResponderEliminar
  4. Naaaa, Tengo Una Imagen Ahi xDDD!
    Buenas Frases Potro!!

    Saludos

    ResponderEliminar
  5. ¡Hola de nuevo, querido amigo!

    Durante milenios los sabios de todo el mundo han enseñado que la mejor manera de obtener éxito es dándolo. Precisamente por esa razón es que tú eres tan famoso y exitoso: porque nos ayudas a todos nosotros a tener éxito con nuestros Blogs. ¡Mil gracias por todos estos sabios consejos, querido hermano (si me consideras digno de llamarte así).

    Discúlpame por no haberte saludado antes, pero te cuento que tuve un problema de depresión extrema, y te aseguro que ver de nuevo todo lo que aquí has escrito me levanta el ánimo. Proseguiré mi camino y seguiré aprendiendo de ti para poder ayudar a mi prójimo con mi Blog de la misma manera en que lo haces tú. ¡Gracias por predicar con el ejemplo. Recuerda que tú y todos los que postean aquí tienen un amigo en este humilde servidor. ¡Que Dios l@s bendiga a tod@s!

    ResponderEliminar
  6. Sumer, qué bueno que te ha gustado.

    ezequiel, en esos casos lo que se requiere es una redirección 301 que además de redireccionar le indica a los robots que el sitio ha sido trasladado a otra dirección y es ahí donde deben indexar, pero lamentablemente en Blogger no se puede hacer.

    El Venado, jajaja, esa es señal de que sólo usas lo que necesitas lo cual habla muy bien de ti ;)

    CяιsтιαиGσиzαlєz, yo tampoco cambiaría mi imagen por texto pero hay quienes prefieren el texto.

    Eduardo Arteaga Acosta, qué gusto tan enorme leerte de nuevo por aquí, pero qué mejor aun que estés saliendo de una etapa difícil. No me considero sabio ni de broma, pero sí me considero tu hermano y te reitero que eres bienvenido las veces que quieras. Un abrazo enorme!

    ResponderEliminar
  7. huy que mala suerte, muchisimas gracias por la info, te mando un abrazo!

    ResponderEliminar
  8. Haha Potro, Prefiero Mil Veces Mi Header Que Un Texto Haha, He De Estar Loco Si Fuera Lo Contrario.

    Saludos!!

    ResponderEliminar
  9. Ay Dios! no puedo para de reirme! di F5 y me apareció la frase "No hay que morir por el otro, sino vivir para disfrutar juntos" y de tan despiestado que soy leí:

    "no hay que morir por el Potro" jajajajajajajaja... Dije What????? y volví a leer y no era así!

    Que bueno esta eso de poner frases que dejan un mensaje. Queda muy "chulo" como dicen por alla XD...

    Un abrazo!!!

    ResponderEliminar
  10. Jajajajajajajajajajajajajaja.
    Bueno, también es cierto que no hay que morir por El Potro!

    Un abrazo!

    ResponderEliminar
  11. JAjajajajajajajajajajaja... Katty ya muere por El Potro XD....jajajajajaja


    Un abrazo!!!!

    ResponderEliminar
  12. Es mentira, muere por el mejor postor :(

    ResponderEliminar
  13. Jajajajajajajajaja... por un lado los negocios y por el corazón! XD jejejejeje

    ResponderEliminar
  14. Saludos mi buen amigo, genial tu blog, te felicito con entusiasmo amigo, excelentes tus trucos, y este en particular lo he adoptado para mi blog, le va al pelo como decimos en Venezuela, sin embargo tengo una consulta amigo, ¿Como hago para acortar la distancia en que aparece la frase con respecto al titulo del blog?, Te dejo el link y veras que es bastante pronunciada, y me gustaría que las frases aparecieran mas cerca del titulo.

    Muchas Gracias de antemano y un abrazo.

    ResponderEliminar
  15. Hola Nelson, supongo que anteriormente habías hecho modificaciones en esa área de la plantilla pues veo que en la original la descripción se acomoda en la parte derecha del título del blog.
    Normalmente en tu plantilla los estilos de la descripción se manipulan en esta área:

    #header-wrapper p {
    padding: 65px 0 0 15px;
    font: italic 13px Georgia, "Times New Roman", Times, serif;
    color: $descripcioncolor;
    }

    No puedo decirte más pues no estoy familiarizado con esa plantilla :S

    Saludos.

    ResponderEliminar
  16. Por cierto, la distancia de arriba se debería de cambiar donde dice 65px intenta con un valor más pequeño.

    ResponderEliminar
  17. Saludos amigo, y ¡Muchas Gracias!!! Ciertamente la había manipulado, pero ya sabes, ensayo y error, por ejemplo de eso que me comentas no tengo claro, pero revisaré de nuevo la original a ver que fue lo que hice : )
    Gracias amigo, en logrado el efecto que deseaba modificando ese valor, también de tu blog tome el efecto Dock para enlazar a mis redes y rss y a quedado genial, de nuevo te felicito y agradezco por tu labor. Un gran abrazo Venezolano, será muy grato el contacto.

    ResponderEliminar
  18. Qué bueno que ya está todo solucionado :)
    Saludos.

    ResponderEliminar
  19. ¿cómo has hecho para que en la página tres de esee blog no haya ABSOLUTAMENTE NADA? quitando lo de mover imágenes, lo cual ya comentaste.

    ResponderEliminar
  20. Aquí está. Siguiendo los pasos que se explican ahí se puede ocultar todo lo que quieras estando en las páginas estáticas.

    ResponderEliminar
  21. Este me encanta... ya que a veces una sola linea no es suficiente para explicar (por ejemplo) lo que uno es, se siente, o cree ser.

    Es una herramienta muy útil para publicidad

    ResponderEliminar
  22. Curiosamente se me ocurrió que este script podría funcionar ahí en la descripción, justo porque estaba iniciando con un blog personal y sentía lo que mencionas, que una sola línea era insuficiente para todo lo que quería describir.

    ResponderEliminar
  23. Hi :D
    I very like this tutorial :D
    But I am not to know How to change were produced images for the header bar ^^! Please help me ^^

    ResponderEliminar
    Respuestas
    1. Hi Pu 3k*, this code is not for multiple header images, it's just in case you want to have different descriptions. Maybe you need this one:
      http://ciudadblogger.com/2009/07/cabecera-del-blog-cambiante-al-azar.html

      Eliminar
    2. thank you very muchhhhhhhhhhhhh :x

      Eliminar
  24. Hola, Potro:
    Una molestia (otra vez)
    ¿Cómo puedo disminuir el espacio que queda entre el título del blog y la descripción? Es que queda un espacio grande y quiero que quede más reducido.
    Gracias por tu ayuda.
    El blog es www.rs.org.mx

    ResponderEliminar
    Respuestas
    1. Hola Goku, podrías agregar un margin-top:-20px; debajo de:
      .Header .description {

      Eliminar
    2. Muchas gracias, Potro, sí funcionó. lo dejé en -30 :-)
      Gracias de nuevo. Saludos.

      Eliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
¿Te gusta Ciudad Blogger?