31 may. 2011

Cómo poner el botón "Follow" de Twitter en el blog



Twitter anuncia (31 de Mayo de 2011) en su blog oficial el nuevo botón "Follow" que permite hacerte seguidor de manera rápida de la cuenta de Twitter que hay detrás de un blog, web o foro. Está pensado por lo tanto para estar situado en una zona visible, normalmente al comienzo del menú derecho. No debe ir asociado a las entradas del blog.

Equivale al botón de "Me gusta" de Facebook, por el que puedes hacerte fan de manera rápida del sitio que estás visitando.

Imagen utilizada por Twitter para informar sobre su nuevo botón Follow
En iniciaBlog ya lo hemos implementado, lo tienes a la derecha y aquí tienes los pasos que debes dar para agregarlo a tu blog (blogger).


Pasos para poner el nuevo botón "Follow" de Twitter en el blog:
  1. Conecta con el centro de recursos de Twitter
  2. En el nombre de usuario indica tu cuenta de Twitter (sin @)
  3. Selecciona el color de fondo (blanco o negro)
  4. Seleccionar el idioma
  5. Indica si quieres mostrar un contador con la cantidad de seguidores
  6. Copia el código HTML
  7. Pega el código en el Blog, para ello
    • Abre la pestaña "Diseño" y luego "Elementos de la página"
    • En la barra lateral elige "Añadir nuevo Gadget"
    • Se muestra una lista, elige el que pone "HTML/Javascript"
    • En contenido, pega debajo el código obtenido en el paso 6
    • Guarda la plantilla y visualiza el blog.
    • Recuerda que puedes mover el Gadget para situarlo en el sitio deseado

Botón Follow con el contador de seguidores

Gracias a los comentarios recibidos, me he percatado que el botón que incluye el contador no está disponible en el centro de recursos de Twitter. Lo cierto es que no sabemos exactamente el motivo, pero dicho botón es el que aparece en este blog como ejemplo y va muy bien. Aquí te dejo el fragmento de código, cópialo y ve al Paso 7 para ponerlo en tu blog descrito en el apartado anterior, recuerda cambiar lo que he puesto en rojo por tu datos.



Cualquier duda o sugerencia, utiliza los comentarios de esta entrada. Si te ha gustado utiliza los botones de compartir al pie para recomendar este artículo a tus amigos. Gracias ;-)
Actualizado el 21 de Mayo de 2012

55 comentarios:

  1. Hola Jesus, mi nombre es Angel y quiero agradecerte por la información valiosa que publicas en tu blog, a pesar de ser mi primer comentario en el mismo, siempre paso por aquí para ver que has publicado, los artículos son muy útiles, te comento que me has ayudado mucho en la creación de mi blog, que está online desde el 27 de mayo, como veras nuevo y tiene 35 visitas diarias según analitycs, te invito a que pases por él si lo quieres ver www.espaciosobrenatural.blogspot.com nuevamente gracias por la informacion que brindas y te dejaun gran saludo un fiel seguidor...

    Atte
    Angel | Espacio Sobrenatural Blog

    ResponderEliminar
  2. Gracias Angel por tu comentario y por seguir las publicaciones de este blog. Me he dado una vuelta por tu blog y tengo que felicitarte...ya te he dejado un comentario en una de tus entradas.

    Seguimos en contacto

    ResponderEliminar
  3. Hola Jesús, me ha servido de mucho tu pagina web, aunque es primera vez que comento ya llevo un tiempo leyendo tus post. Mi motivo para escribirte es lo siguiente: Hace unos días, hice el procedimiento de colocar el botón twittear en cada entrada, no me resultó tan bien porque tenia el mismo contador en todos los post, luego, hice lo que tu aconsejabas colocar otro código, y no resolvió el problema, dime por favor, si esta en tus manos, que puedo hacer este es mi blog: marlyns86.blogspot.com. De antemano gracias, estaré al pendiente de tu respuesta.

    ResponderEliminar
  4. Gracias, me sirvió perfectamente :)

    ResponderEliminar
  5. Hola Bightorya gracias por tu comentario.
    He visto tu blog y he visto el nuevo botón y te sigo a través de Twitter.

    Seguimos en contacto!

    ResponderEliminar
  6. Hola Marlyn León,

    Gracias por contactarme vía Twitter. Confirmarte que mi respuesta fue enviada el mismo día en el que recibí tu comentario, pero a tu cuenta de GMail. Por favor hazme saber si la recibiste...Un abrazo!

    ResponderEliminar
  7. Hola
    a mi también se me pega el número de twitt, en cada entrada aparece el mismo número, al ver el blog en forma general. como se soluciona???

    saludos

    ResponderEliminar
  8. Hola Artes manual,

    Tu comentario realmente corresponde a otro tutorial, concretamente el de "Botón de Twittear en cada entrada del blog"

    Lo que me comentas lo tienes documentado en dicha entrada...revisa este enlace: http://www.iniciablog.com/2011/03/twitter-blogger-cada-entrada-post.html

    Copia el código y reemplaza el que tienes actualmente.

    Espero tus comentarios nuevamente. Gracias por comentar.

    Saludos, Jesús.

    ResponderEliminar
  9. Gracias, yo lo agregue directamente en la plantilla y funciona perfecto, abrazo grande!!

    ResponderEliminar
  10. Gracias ;-D por tu comentario

    ResponderEliminar
  11. segui los pasos que dices pero no se que hice mal porque cuando le doy clic al boton creado me dice que la pagina que es inexistente

    ResponderEliminar
  12. Gracias por hacernos más fáciles las cosas. Si quereis conocer mi blog es:

    http://vivencias-aqueo.blogspot.com/

    Si os gusta dejar algún comentario

    ResponderEliminar
  13. En este caso me sale el botón de Follow pero no el contador de seguidores... porqué pasa eso? Twitter no me da la opción :S
    Gracias!!!
    xx s
    www.my-philosophie.com

    ResponderEliminar
    Respuestas
    1. Hola Sofía efectivamente el asistente de Twitter no pregunta por si queremos ver el botón con el contador o no...pero fíjate en el código que obtuviste que tienes un parámetro que se llama data-show-cont="false" lo único que tienes que hacer es ponerlo como true... es decir ese parámetro debe quedarte como data-show-count="true"

      Solo tienes que editar tu código, cambiar el parámetro, guardar y visualizar nuevamente tu blog!

      Gracias por avisarme.
      Jesús González.

      Eliminar
    2. Anónimo17/4/12 3:20

      Jesús pude perfecto muchísimas gracias!!! Oye sin querer le pique a spam en twitter a tu comentario, espero no haberte ocasionado problemas... :S y otra vez muchísimas gracias!! :)

      Eliminar
  14. Hola. He añadido el gadget de twitter de bloger, pero no aparece en la plantilla "dinámica". Parece que solo es posible con las clásicas. Puedes confirmarmelo o explicarme como hacerlo? Gracias

    ResponderEliminar
    Respuestas
    1. Hola GDTraras si tienes una plantilla dinámica verás que cuando agregas un Gadget en la lista que te aparece, aquellos que son compatibles con las vistas dinámicas tienen una etiqueta roja.

      El gadget HTML/JavaScript no está disponible aun para este tipo de plantillas. Supongo que solo es cuestión de tiempo.

      Gracias por tu comentario

      Eliminar
  15. Muchas gracias esta muy bueno tu blog

    ResponderEliminar
    Respuestas
    1. Gracia Amaury Ortega por pasarte por aquí y dejar tu comentario!
      Jesús González

      Eliminar
  16. Hola, quiero poner el botón de seguir mi cuenta de twitter mostrando el numero de seguidores, pero no me deja opción, solo me da opción de mostrar nombre de usuario, botón grande y deshabitar la personalización de Twitter. :( Acabo de describir este blog, y creo que es increíble y sirve de mucha ayuda. Enhorabuena! Un abrazo!

    ResponderEliminar
    Respuestas
    1. Hola Alekoh,

      Llevas toda la razón....ya me había percatado antes pero es gracias a tu comentario que he decidido actualizar el post.

      Ahora tienes una segunda parte donde comparto el código del botón con contador. Solo tienes que sustituir donde te pongo TU_USUARIO por tus datos reales.

      Ya me comentas que tal el resultado ¿vale?

      Gracias por avisarme
      Jesús González.

      Eliminar
  17. como hago para que dejen de llegarme los mails con las preguntas de TODOS?

    ResponderEliminar
    Respuestas
    1. HOla Camilia,

      Fíjate que al pie de este correo tienes un enlace para "Anular la suscripción" a esta entrada. De esta forma no recibirás las nuevas preguntas que reciba.

      Un abrazo, Jesús González

      Eliminar
  18. Hola Jesús Gracias x subir esto!.. Jaja CAPOO!!
    Me podes decir.. como hago para que la gente vea mis seguidores del blog y q ellos puedan seguirme?.
    Gracias.
    Atte: Micol.

    ResponderEliminar
  19. Jesús-Inicia Blog, súper clara la explicación de este post! ya instalé el botón de twitter al blog, y claro, ya te seguimos desde allí también. Gracias!
    Victoria-videcoyvintage

    ResponderEliminar
    Respuestas
    1. Prefecto Victoria!
      Un fuerte abrazo desde España...gracias por tu comentario....siempre es un placer saber que me has visitado.

      Jesús González

      Eliminar
  20. me ayudo tu explicaciones mas aun que comienzo con mi primer blog solo me queda decirte !!GRACIAS!!

    ResponderEliminar
    Respuestas
    1. Muchas gracias a ti Cristian tanto por tu visita como por tu comentario. Me alegra saber que te ha gustado.

      Un abrazo,
      Jesús González

      Eliminar
  21. Hola. Que tal? Estoy empezando un blog compartido con mi pareja. La cosa es que añado el gadget de twitter para los dos (follow para mi y follow para ella). Pero al añadir el html/java se me pone bien. Pero cuando entro en la web una de ellas se me oscurece. Saben cual es el problema?

    chickenroadtrip.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Salva,

      La verdad es que no he entendido muy bien el escenario que me pintas. He visto el botón en tu blog y me he hecho seguidor sin problemas. Coméntame por favor nuevamente.

      Gracias por tu visita y por tu comentario!

      Eliminar
  22. interesanteeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

    ResponderEliminar
  23. Hola, yo no puedo añadir el botón de "seguir" de twitter, me dice que contiene caracteres no válidos y no me deja añadirlo, algo estoy haciendo mal.
    Según he entendido lo tengo que hacer desde:
    DISEÑO - AÑADIR GADGET - AÑADE TU PROPIO
    Pero pego ahí el código que me proporciona twitter y no hay manera.
    Me podéis ayudar??! :-( Gracias!!!!

    ResponderEliminar
    Respuestas
    1. Hola Vueltaslacabeza,

      gracias por comentarlo... a ver el gadget que debes elegir es Diseño-->Añadir Gadget y de la lista baja un poco hasta que vas el que pone HTML/Javascript...Puedes ponerle un título aunque es opcional, pega el código en la casilla de abajo y donde fíjate en el código donde pone TU_USUARIO cambialo por tu usuario en Twitter sin el @

      Vuelve a escribirme un comentario para saber si lo has logrado.

      Muchas gracias y bienvenida
      Jesús González

      Eliminar
  24. Gracias otra vez Jesús, muy útil tu comentario.... Ya está aplicado... seguiré aplicando todas tus técnicas para mejorar todo lo posible. Mil gracias!! Un abrazo. ayishamasoterapia.blogspot.com

    ResponderEliminar
  25. Jesús, pude poner el botón Twitter y los seguidores, pero además del número me pone también la palabra "seguidores". ¿Hay alguna forma de sacarla, que se vea sólo la cantidad?

    ResponderEliminar
    Respuestas
    1. No Paula que no sepa no...posiblemente con otro tipo de control.

      Eliminar
  26. ¡Muchas gracias, Jesús! Instruciones muy claritas y efectivas.

    ResponderEliminar
  27. Buenas Jesús, soy nuevo en esto de los blogger y estoy tratando de crear uno, sigo tus consejos para añadir los botones de las redes sociales pero no logro colocarlos, copio las rutas (URL) como lo indicas y me da un error, podrías ayudarme? Gracias mi correo es sembrandoensalud@gmail.com y twitter @sembrandoensalu, gracias hermano

    ResponderEliminar
  28. Hola jesus. necesitaría que me ayudes con algo, mirá estoy tratando de poner twitter en blog de blogger, para que me sigan las personas que me siguen en blogger, acá te dejo mi correo loanalomas@live.com agregame por favor, necesito ayuda, muchas gracias

    ResponderEliminar
    Respuestas
    1. Hola Loana,
      Te refieres a este botón de Follow o al botón de Twitter en cada entrada de tu blog.

      Coméntame y todo lo que esté en mi mano de ayudaré.

      Saludos,
      Jesús

      Eliminar
  29. Me dice que tiene caracteres incorrectos cuando lo pego en Blogger.

    ResponderEliminar
    Respuestas
    1. Hola Facundo,

      Lo he probado, por favor vuelve a intentarlo, si quieres copia y pega el código, guarda y debe ir todo bien. Quizas es cuando reemplazar el usuario o la url del perfil. Debes tener cuidado de no llevarte una comillas a algo así.

      Vuelve a intentarlo por favor.

      Jesús

      Eliminar
  30. Hola, muy buen blog la información me parece estupenda para los que empezamos con esto de los blogs.
    He puesto el botón de twitter que tienes arriba, pero tengo un problemilla, es demasiado largo, como puedo dejar que solo ponga (seguir) y el numero de seguidores al lado.
    Es que depende donde lo pego no me queda muy bien. (seguir a USUARIO) en mi caso se sobreentiende que siguen mi blog, no creo necesario que ponga el usuario con tan solo el (seguir) me sobra. Gracias y espero tu respuesta.

    ResponderEliminar
  31. Menos mal que he dado con tu blog, que me ha enseñado como poner el botón follow. Estaba mareado porque había empezado mirando desde blogspot, las distintas app que podemos poner y no veía el botón oficial, todo son cosas raras de desarrolladores particulares.
    Gracias!!

    ResponderEliminar
    Respuestas
    1. Hola Paco,

      Jejeje muchas gracias por tu comentario.

      De todas formas la gente de Twitter está haciendo muchos cambios en tu página para desarrolladores y es cierto al final que es un lío.

      Seguimos conversando,

      Jesús.

      Eliminar
  32. Gracias!! :D

    http://adywords.blogspot.mx/

    ResponderEliminar
  33. Hola, no me funciona de ninguna de las maneras...he probado en no sé ya ni cuántas páginas ... y CON NINGUNA logro poder poner en mi blog que me sigan en twitter... ¿Me ayudais?

    ResponderEliminar
  34. Hola Jesús!
    Muchas gracias por facilitar el trabajo a los demás y aconsejarnos tan bien!!
    SALUDOS!

    ResponderEliminar
  35. Hola! Muchas gracias por tu ayuda, yo tengo un blog desde hace poco tiempo y todavía no tiene casi ninguna actividad... :( me puedes ayudar? GRACIAS :)

    www.putshinetoyourlife.blogspot.com

    ResponderEliminar
  36. He buscado por todas partes como hacer una lista como la tuya con "artículos relacionados" y encuentro solamente como hacerlas con imágenes, pero a mi me gustaría hacer una lista como la tuya (o dos, así separadas) y saber si esas listas se hacen automáticamente o manualmente (espero sea automáticamente).
    Por cierto tu tutorial fue bastante bueno, me sirvio. Gracias

    ResponderEliminar
  37. Para introducir el contador de seguidores, hay que seguir los pasos de la web oficial http://twitter.com/about/resources/followbutton tal como indica el post.

    Una vez tengamos el código, sustituimos el trozo que pone data-show-count="false" por data-show-count="true" y listo.

    http://www.spanishprisoner.net/

    ResponderEliminar
  38. Gracias! Me sirvió perfectamente :)
    http://blancaromanoss21.blogspot.mx/

    ResponderEliminar

Te agradezco la participación en iniciaBlog a través tu comentario. Recuerda que te responderé con otro comentario justo debajo del tuyo. Gracias y mucha suerte! ;-)

Más información ¿Cómo poner el botón de...:?

Premio Bitácoras

Aviso Legal

Licencia Creative Commons
iniciaBlog - Te ayuda con Blogger a mejorar tu blog
iniciaBlog se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
Basada en una obra en www.iniciablog.com.

Creado por Jesús González

Política de Privacidad de iniciaBlog | Política de Cookies
2015 © Jesús González es el autor de iniciaBlog.com
Tema creado por Way2themes y adaptado por inciciablog