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

Poner los últimos Tweets en el blog

22 de octubre de 2009 | Número de comentarios97 comentarios
Para quienes tienen cuenta de Twitter y quieren poner en su blog los últimos Tweets que han hecho les mostraré dos maneras de hacerlo, que a mi parecer son las más sencillas y eficaces.
Una es usando un gadget de Blogger Buster integrado en los widgets de Blogger, sólo hay que entrar a Diseño > Elementos de la página > Añadir un gadget y del menú de la izquierda selecciona Destacados, ahí busca el gadget Twitter Updates.

gadget twitter

Ahí agrega el título del gadget, la altura, el número de Tweets que mostrará y tu nombre de usuario sin el @, por ejemplo en mi caso sólo es el_potro
Y listo, tendrás en tu blog los últimos Tweets que hayas enviado.

twitter updates

La otra forma es usando el gadget que provee Twitter, el cual es más personalizable en cuanto a diseño.
Primero entra en este link de Twitter.
En Settings agrega tu nombre de usuario sin el @ por ejemplo Ciudad_Blogger
En Preferences configura opciones como mostrar avatares, scrollbar, etc.
En Appearance selecciona los colores de tu gadget.
En Dimensions el ancho y alto del gadget.

Cuando hayas finalizado busca más abajo donde dice Test Settings haz click para ver los cambios que has hecho. Si estás satisfecho haz click en Finish & Grab Code. Copia el código y entra en Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y ahí pega el código.
El resultado será como este:

twitter gadget

97 comentarios :

  1. Que buen gadget :D
    Ni bien se arregle mi blog lo pongo, gracias.

    ResponderEliminar
  2. Me gustaría que me agregases a tu blogroll, tú ya estás agregado al mío http://laplataformaazul.blogspot.com

    ResponderEliminar
  3. Gracias a ti PepeX, ya cuando esté lo veré pues creo que no te tengo en Twitter.

    Raul, te agradezco pero por el momento no participo en algún programa de intercambio o patrocinio. Saludos.

    ResponderEliminar
  4. Que buen truco.
    Ahora si me animare a crear una cuenta de twitter para utilizar el gadget.
    Por cierto, ¿cual me recomiendas?
    Saludos.

    ResponderEliminar
  5. Hola el venado,

    Pues de los gadgets ambos están bien, el primero carga más rápido que el segundo, sería cosa de probar en tu blog con ambos para ver cuál te atrae más.
    Saludos.

    ResponderEliminar
  6. Ya cree la cuenta.
    pero tengo u problema.
    quiero seguir tu witter pero no se como.
    ¿tu sabes como?

    ResponderEliminar
  7. Generalmente quienes tienen Twitter tienen en su blog en enlace a su Twitter, cuando abra la página de su perfil verás un botón que dice Follow, sólo das click ahí y ya lo estarás siguiendo.
    El mío es este:
    http://twitter.com/el_potro

    Saludos.

    ResponderEliminar
  8. Oie El Potro tengo una duda como esque te llega nuestra informacion
    Por ejemplo te llego el cuestionario que isimos para el concurso contesta y gana
    Me interesaria saber como hacer preguntas de ese tipo en mi blog amis visitantes como le haces porque creo no eh visto alguna entrada que lo explique porfavor el potro dime como Bueno ya sabes mi correo te dejo y gracias por contestar

    ResponderEliminar
  9. Hola unrealmat,

    En este enlace puedes ver cómo hacer un formulario como el que utilizo.
    Formulario para el blog

    Saludos.

    ResponderEliminar
  10. Uhhhhh... que sencillo es!!!!

    si, si, sencillo, pero porque San Potro nos explica como!!!!

    Bro, te has convertido en una especia de Aspirina... ¿te imaginas cuantos dolores de cabeza debes haber aliviado ya, a todos estos bloggeros que no sabemos como hacer las cosas?

    Un abrazo!!!!

    ResponderEliminar
  11. Jajajajaja, una aspirina.
    Creo que eso nomás es aquí porque con mis amigos y mi familia soy un verdadero dolor de cabeza, jajaja.
    Un abrazo.

    ResponderEliminar
  12. hay man y si quiro hacer lo contrario???
    es decir que lo que publico en el blogg se pase directo al twitter con uan url abreviada??

    eso como sea hace potro?

    ResponderEliminar
  13. Hola Ethereal ACS,

    Puedes usar un servicio como el de Twitterfeed.com que permite publicar automáticamente en Twitter tus entradas del blog.

    Saludos.

    ResponderEliminar
  14. hola Potro, me has servido de ayuda en muchas ocasiones, ahora estoy con esto del twitter para mi blog
    http://tenisdemesamonteporreiro.blogspot.com
    en el que he puesto la segunda opcion, facil de poner, pero una pregunta:
    ¿este solo muestra los tweets que yo voy poniendo?
    ¿no hay forma de ver en el los que me van enviando a mi usuario de twitter?
    venga un saludo desde Pontevedra-España
    guylle42@hotmail.com

    ResponderEliminar
  15. Hola glopsan,

    Con este gadget sólo se muestran los tweets que tú haces, desconozco si haya un cliente para Twitter que permita colocarse en una web y mostrar también los Tweets de quienes sigues.

    Saludos hasta España!

    ResponderEliminar
  16. Hola Potro!!

    Tengo una pregunta, he usado el segundo gadget, pero sale una ventanita que pide que inicie sesión en twitter, y no sólo a mi, sino también a todo aquel que desde su ordenador se mete en mi blog, incluso aunque ellos no tengan twitter, pasa lo mismo con el primer gadget?? Es que esto hace que no me sea muy rentable poner el segundo...

    ResponderEliminar
  17. Hola Rukia,

    No había escuchado antes que a alguien le sucediera eso, o al menos nadie más lo ha reportado, con lo que me lleva a pensar que podría ser algún otro gadget (quizá malicioso) o script que tienes en el blog, pues incluso hace un momento lo probé en un blog de pruebas y no tuve ese problema; intenté ver si en tu blog me sucedía pero no vi el gadget en ninguno de tus dos blogs.

    ResponderEliminar
  18. sí, porque los quité... eran demasiado incómodos. Voy a ponerlo en Brainstorming otra vez, a ver que tal va.

    ResponderEliminar
  19. Mira, he ido a poner el gadget y me ha salido el mensajito. Dice: "el servidor de Twitter.com: 80 de Twitter API requiere un nombre de usuario y una contraseña"

    ResponderEliminar
  20. Qué raro...
    Una pregunta ¿cuando hiciste el gadget introdujiste tu nombre de usuario de Twitter? De no haberlo hecho entonces sí te pedirá esos datos, supongo que ahí debe estar el problema.
    Hazlo de nuevo pero agrega tu nombre de usuario, ya que lo hayas puesto verás que el gadget de ejemplo carga todos tus tweets, entonces copia el código y pégalo de nuevo en tu blog.

    ResponderEliminar
  21. hola quisiera una respuesta para esto

    es que e visto paginas webs donde uno puede comentar o hacer tweets en directo como se hace eso?

    ResponderEliminar
  22. Quizá te refieres a que quien comente pueda identificarse con su cuenta de Twitter, si es así creo que se puede hacer usando un gestor de comentarios como Disqus.

    ResponderEliminar
  23. Sos re groso loco te re agredasco me re ayudaste reciien estoi enpesando con el blog so re groso te amo

    ResponderEliminar
  24. Muchas gracias por tu comentario SrMatii, me da gusto que este blog te esté siendo de ayuda :)

    ResponderEliminar
  25. Hola de nuevo, Potro!
    Me gustaría poner en mi blog mi tweet más reciente, pero quiero algo como lo que hay en http://www.pauta.com.uy/ No necesariamente con la animación del paso de los tweets, pero sí con la posibilidad de cambiar el pajarito y el color, alto y ancho del globo. Sabes alguna manera? He mirado en CiudadBlogger pero no veo nada por el estilo.
    Gracias!

    ResponderEliminar
  26. Por ahora no, pero te prometo que esta semana buscaré un par de opciones para para publicarlas lo más pronto posible pues ciertamente hace falta un poco más de opciones para mostrar los tweets.
    Saludos.

    ResponderEliminar
  27. Buenísimo, muchas gracias! Sí, es que hay pocas opciones realmente flexibles. Quedaré atenta. Un abrazo!

    ResponderEliminar
  28. Potro, una pregunta. Puse este Widget en mi blog, y acabo de ver que no salen ningun twitter. Esta vacio, sale el fondo negro, los bordes grises como yo lo edite. Pero no sale ni mi nombre de Twitter, ni los Twitts que yo hice :\ . No entiendo porque, de un momento al otro paso eso.

    ResponderEliminar
  29. No lo vi en tu blog pero quizá era que el color de la letra la tenías en color negro y quizá por eso no se veía. Eso supongo ya que no lo vi puesto.
    Yo acabo de probarlo en un blog de pruebas y aunque sí sale el fondo negro sí aparecen los tweets de forma normal.

    ResponderEliminar
  30. Potro, fijate que cambie los colores desde la pagina que das para configurar el widget, pero no se ve de todas formas, osea pongo letras de color bien resaltantes, y no se ve :/.. nose porque. Espero que puedas ayudarme en esta Potro :/

    ResponderEliminar
  31. Mira, ingresa al blog y veras...

    http://fastenmovies.blogspot.com

    ResponderEliminar
  32. Puse uno debajo de el otro.. y veras que no se ve en ninguno de los 2 :/

    ResponderEliminar
  33. Veo 2 gadgets de Twitter, uno debajo del gadget del panel para ingresar a Blogger, y otro en el footer del blog.
    En ambos se ve el gadget perfectamente. ¿Has probado desde otro navegador?

    ResponderEliminar
  34. Perdon.. es asi, no estan UNO DEBAJO DEL OTRO EXACTAMENTE, pero te quize decir eso... que estan a poca distancia, perdon. Pero Potro, sigo viendolos vacios :/ , solo se ven el pajarito del final y el link que dice "
    Join the conversation" NADA MAS :/ ... me parece raro porque en el Google Chrome se veia perfectamente :s

    ResponderEliminar
  35. Potro, probe en el Firefox y funciona perfectamente. Pero porque dejo de funcionar en mi Google Chrome, si tu tambien lo tienes y puedes verlo,porque yo no :/ .. eso es lo que no entiendo.

    ResponderEliminar
  36. No lo sé, efectivamente lo vi en Chrome y se miran sin problemas, quizá necesitas limpiar el chaché del navegador, borrar cookies y el historial.

    ResponderEliminar
  37. FUNCIONOOOOOOOOOOOOOOOOOOOOOOOOOO !!! Potro hay algo que no sepas? ... de verdad te lo pregunto jaja. Gracias gracias graciaaaaaaaaas! :D

    ResponderEliminar
  38. Uhhh, hay muchas cosas que aún no sé y que probablemente jamás sepa :P

    ResponderEliminar
  39. Eres la biblia de los bloggers! Además de los foreros,porque también jaló en foroactivo!
    ...y decían los de soporte de ahí que no se podía poner ¬¬ Que se junten más contigo para que vean que todo es posible!
    Un abrazo!

    ResponderEliminar
  40. Jajaja, gracias por tu comentario ;)

    ResponderEliminar
  41. gracias por las ideas! me ha ido mejor con el segundo! gracias!

    ResponderEliminar
  42. Ese es probablemente el más efectivo de todos los que hay por la red ;)

    ResponderEliminar
  43. potro yo pongo el gatget de twitter en mi blog , porngo mi usuario y todo es pero cuando le doy en ver blog no me carga mi blogspot :( ayuda porfa

    ResponderEliminar
  44. ¿Te aparece algún error? ¿Ya probaste hacerlo desde otro navegador?

    ResponderEliminar
  45. si , mira pongo el mismo widget que te da la pagina de twitter en mi blog , y cuando trato de entrar aparece unos 5 segundo la pagina y como que redireccion a otra pagina y queda en blanco, nose si sabes alguna solucion , ya que si puedo poner mis publicaciones con otro codigo html pero no es muy atractivo como el que da twitter

    ResponderEliminar
  46. Posiblemente es un problema con otro gadget pues hasta ahora no he sabido de nadie que tenga el mismo problema con éste.
    Si puedes ponlo en un blog de pruebas para que veas si te sucede lo mismo, si sucediera me dices en cuál blog lo pusiste para echarle un vistazo.

    ResponderEliminar
  47. en mi blog de prueba anda bien , pero en el ke uso no , la plantilla la e creado con artisteer , nose si conoces ese programa pero no me funciona u.u

    ResponderEliminar
  48. otra cosa , borre los gadget y puse solo el de twitter y aun asi no funciona , debe ser un problema de la plantilla pero nose cual podria ser u.u

    ResponderEliminar
  49. Entonces no se trata del gadget sino de la plantilla, y es que las plantillas de Aristeer dan tantos problemas... :/

    ResponderEliminar
  50. si , sabes decidi hacer una con la aplicacion que te da blogger y me quedo bastante igual cn menos problemas y todo , muchas gracias por las respuesta y esta pagina es la mejor de todas para todos los blogger :D

    ResponderEliminar
  51. Una pregunta, como siempre XD no se puede también colocar el twitter de un famoso? O sea, de alguien que no eres tu? Porque lo e visto en algunos blogs

    Gracias por la info, peor lo que puse arriba es lo que en realidad me interesa.

    Saludos!

    ResponderEliminar
  52. Puedes poner el que sea ya que no pide una verificación, así que aunque yo no sea famoso puedes poner hasta el mío, jaja :)

    ResponderEliminar
  53. Perdón, especifique mal, ¿como se pone el de la segunda opción si no es el tuyo? Porque la primera ya lo use y no me gusto mucho, nos se, no es muy vistoso, parece que son unas palabras sueltas..

    Gracias

    ResponderEliminar
  54. También, de hecho si ingresas al enlace verás que lo primero que aparece es el espacio para que escribas el nombre del usuario.

    ResponderEliminar
  55. Ah! Pensé que era para registrarse XD
    Quedó genial, muchas muchas gracias!!! : D

    ResponderEliminar
  56. Hay alguna manera de que se vean todos los tweets y que se valla actualizando progresivamente sin necesidad de Actualizar la página entera??

    ResponderEliminar
    Respuestas
    1. Con este me temo que no, tendrías que buscar alguno que los muestre en tiempo real.

      Eliminar
  57. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  58. Hola Potro Habría una manera que los twee tuvieran un movimiento descendente o ascendente es decir una vista dinámica como en esta pagina de ejemplo: http://fmclasicos.com/web/

    Por último como podría colocar en el blog: Así como la tienes en tu blog.
    Entarda más reciente Página principal Entrada Antiguas

    Saludos.

    ResponderEliminar
    Respuestas
    1. Hola Robert, en la configuración del gadget elige "Intervalo Cronometrado" con eso irán apareciendo poco a poco.
      Lo de los enlaces de navegación todos los blogs deben tenerlo, quizá tu plantilla los tiene ocultos, pero tendría que ver en cuál blog y saber si es así.

      Eliminar
  59. Gracias Potro con lo de twitter funcionando.

    Con respecto a los enlaces de navegación son visibles de hecho me gustaría cambiarle colo,agregarle Entarda más reciente,cambiarle el tipo de letra, y centrar esas tres opciones (entrada+reciente,página principal,entrada Antigua).

    http://cursodecadd2d.blogspot.com/

    Por ultimo me Podría recomendar algun programa para crear o diseñar figuras tipo Flash. Saludos

    ResponderEliminar
    Respuestas
    1. Esos estilos están debajo de #blog-pager {
      De flash no sé nada :/

      Eliminar
  60. Hola potro!!
    en mi blog no aparece la lista del timeline, solo:
    Tweets por @Culturesdisenio
    que es un link a mi twitter :S yo supongo que es la plantilla.. pero no se que deberia sacar para que se vea...
    http://culturaesdisenio.blogspot.com.ar/

    ResponderEliminar
  61. Hola Potro!
    en mi blog solo aparece un link que redirecciona a mi twitter:
    "Tweets por @Culturesdisenio"
    lo que no aparece en mi blog es el Timeline :S
    yo supongo que es culpa de mi plantilla pero no que que deberia sacar para que se pueda ver... alguna idea?
    http://culturaesdisenio.blogspot.com.ar/

    ResponderEliminar
    Respuestas
    1. Hola Cultura es Disenio, es un "problema" de Twitter, en esta entrada de Vagabundia puedes ver cómo resolverlo:
      http://vagabundia.blogspot.com/2012/10/los-gadgets-y-scripts-de-twitter-que-no.html

      Eliminar
    2. Hola potro! gracias por responder, disculpa la demora pero no sabía que lo habías hecho.

      Te explico. mi widget "es" el generado por twitter. Cuando pido una "vista previa" del blog se puede ver el timeline de mi twitter, pero al momento de guardar el blog para publicarlo ya no se ve el timeline y solo queda "Tweets por @Culturesdisenio" como link a mi pág. de twitter.... :S

      por eso, lo que dicen en bagavundia no me funciona. De todas formas, gracias por contestar

      Eliminar
  62. NO APARECE LA VENTANA EN NINGUNA DE LAS DOS OPCIONES

    ResponderEliminar
  63. NO APARECE LA VENTANA DE LOS TUITS EN NINGUNA DE LAS DOS OPCIONES

    ResponderEliminar
    Respuestas
    1. Si no te funciona el segundo de Twitter mira esta entrada de Vagabundia:
      http://vagabundia.blogspot.com/2012/10/los-gadgets-y-scripts-de-twitter-que-no.html

      Eliminar
  64. Saludos potro yo uso el widget de twiiter para publicar mis twitter en mi blog http://impertinenciasrazones.blogspot.com/ pero no me aparece el cuadro de tweets si no esto simplemente: Tweets por @Impertinencias mas nada, que crees que pueda estar pasando

    ResponderEliminar
    Respuestas
    1. Hola, mira el comentario que está justo arriba del tuyo.

      Eliminar
  65. Amigo Lo Creo Todo Corretamente Pero Cuando Añado El gadget Con El Codigo Que Me Genera Twitter NO Me Funciona

    ResponderEliminar
  66. Muy buenas! he puesto este widget en mi blog y queda un poco fuera del marco. como puedo arreglarlo? aqui dejo la direccion. http://divinofutbolsala.blogspot.com.es/
    Muchas Gracias

    ResponderEliminar
    Respuestas
    1. En la configuración del gadget me parece que puedes cambiar el ancho del mismo.

      Eliminar
  67. Potro ya no sale el mismo diseño que se muestra en el segundo caso. Nose porque sale otro, pero queda bastante feo si lo aplico en mi blog :\ . Como haria para poder utilizar el anterior?. Porque aun vi blogs con ESE estilo del cual te hablo (el segundo)

    ResponderEliminar
    Respuestas
    1. Supongo que podrías copiarles el código y reemplazar tu usuario, no sé si funcione pero puedes probar.

      Eliminar
  68. Como hago para copiarles el codigo?. Nunca robe codigos de Gadget's publicados, solamente utilizo los codigos de esta pagina Potro nada mas! jaja. Porfavor, como seria el codigo para utilizarlo con MI USUARIO?. Osea, solo dime el codigo y donde debo reemplazar el nombre de MI USUARIO.

    ResponderEliminar
    Respuestas
    1. Te lo diría si lo tuviera, pero no lo tengo. Insisto, mira el código fuente de alguien que sí lo tenga, localiza el código y cópialo.

      Eliminar
    2. Es que ese es el problema, nose como se hacerlo.. No tengo la mas minima idea :(

      Eliminar
    3. Es que ese es el problema Potro, nose como hacerlo! :\ .

      Eliminar
    4. Potro acabo de copiar esto de una web, puse mis datos pero no salen mis tweets, aqui esta el codigo:

      script ... "http://widgets.twimg.com/j/2/widget.js"> script...
      script...
      new TWTR.Widget({
      version: 2,
      type: 'search',
      search: '@ErsFasteN',
      interval: 6000,
      title: 'Seguimos @ErsFasteN',
      subject: 'Proyecto colaborativo',
      width: 'auto',
      height: 300,
      theme: {
      shell: {
      background: '#8ec1da',
      color: '#ffffff'
      },
      tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
      }
      },
      features: {
      scrollbar: false,
      loop: true,
      live: true,
      hashtags: true,
      timestamp: true,
      avatars: true,
      toptweets: true,
      behavior: 'default'
      }
      }).render().start();
      script...

      (TUVE QUE PONER LOS "Scripts" de esta forma, script... PARA QUE ME DEJE PUBLICAR EL CODIGO)

      Espero que me deje, sino nose como hare para que veas el codigo :\

      Eliminar
    5. Aqui esta la web de donde saque el codigo, mira Potro... Aver si tu me puedes ayudar a que lo aplique con mis datos de forma correcta y lo ponga en mi Blog como widget.

      https://sites.google.com/site/proyectonuestrospueblos/updates/comoponerunwidgetdeseguimientodetwitterenelblog

      Eliminar
    6. Ese no es para mostrar los tweets de alguien sino para mostrar un hashtag determinado o un tema.

      Eliminar
  69. Entonces nose como hacerlo Potro :(

    ResponderEliminar
  70. disculpa pero como se coloca el gadget de twitter que tiene esta pagina

    http://mony-ocioland.blogspot.mx/

    ResponderEliminar
    Respuestas
    1. Es de esta página:
      http://labs.creazy.net/twitgif/

      Eliminar
  71. brother,una consulta aplique el widget lo use un tiempo pero lo acabo de eliminar para cambiar mi foto de perfil y ahora no puedo hacerlo.
    si me explica como hago en ese caso

    saludos
    @roberto_h15

    ResponderEliminar
  72. despues de elimimar el widget nome deja actualizar el perfil de twitter

    ResponderEliminar
    Respuestas
    1. Desconozco por qué suceda, pero si te ha dado un código nuevo usa ese en lugar del antiguo.

      Eliminar
  73. Gracias de nuevo por el aporte!! funciona a la perfección

    Saludos

    ResponderEliminar

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?