jueves, 15 de julio de 2010

Mostrar los mensajes de Twitter de forma animada


Una de las formas más conocidas es la que está colocada en la barra lateral de este blog.
Esto se hace desde la propia página de Twitter, abajo del todo: Extras > Widgets > Widgets para mi sitio web > Widget de búsqueda.
Configurando la búsqueda por el criterio que se desee, pudiendo editar los títulos:



Hay otras posibilidades.

Por ejemplo, las que nos ofrece la web Visible Tweets.
Están más bien pensadas para mostrar en eventos públicos.
En el V Encuentro de Edublogs vimos alguna de estas posibilidades.
Pero también pueden integrarse en una página web o blog.
Ponemos aquí las tres posibilidades que ofrece esta web.





7 comentarios:

  1. Pero que txulo queda... un problema, como lo has incluido en el blog. No acabo de ver como lo has conseguido.

    ResponderEliminar
  2. Hola Josu.
    La web "Visible Tweets" no proporciona ningún código para embeber.
    Lo único que crea es una página web con la animación filtrada con la etiqueta correspondiente.
    Pues bien es esa página web la que se coloca en la entrada del blog con una etiqueta iframe.
    El código a insertar es algo así:

    <iframe src="http://visibletweets.com/#query=aulablog10&animation=2" width="600" height="400" frameborder="0" ></iframe>

    en src escribimos la URL, luego se define el ancho y el alto que deseemos, le decimos que no queremos borde y cerramos el iframe.

    ResponderEliminar
  3. Lo cierto es que conocía la web Visible Tweets, pero no había pensado en esta posibilidad de integreación. Buenísima idea!!!!
    Gracias Ángel.

    ResponderEliminar
  4. Gracias profe,aquí ando mirando fotos y comentarios,con mucha nostalgia de los días de vivencias intensas de Avilés.
    Me leeré bien el tutorial de Prezi,le vi muchas posibilidades pero necesita trastearse un poco,con el calor que hace estos días no apetece mucho.
    Gracias de nuevo y feliz verano.

    ResponderEliminar
  5. Me parece una opción interesante. Sobre todo si se usa Twitter para trabajos de aula.

    ResponderEliminar
  6. Ángel, me preguntaba si esto mismo se puede hacer en un blog de wordpress.com. Si la respuesta es afirmativa, ¿Cómo se hace? Lo estoy intentando y no lo consigo.

    Para ello estoy escribiendo, voy a quitarle < al principio y el > al final para que me deje copiarlo

    iframe src="http://visibletweets.com/#query=%23bazarlocos&animation=2" width="600" height="400" frameborder="0" ></iframe

    ResponderEliminar
  7. Acabo de darme cuenta que no se puede hacer porque es un iframe

    ResponderEliminar