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

Botones Twitter

30 de junio de 2010 | Número de comentarios58 comentarios
botones twitter
El otro día un amigo me comentaba de un sitio automatizado con imágenes gratuitas de Twitter el cual me pareció muy bueno para aquellos usuarios que aún no saben cómo poner el enlace de Twitter o que quieren cambiar el icono para seguir en Twitter.

La página se llama Botones Twitter y hacerse de uno de estos iconos es de lo más sencillo. Sólo hay que ingresar al sitio y escribir nuestro nombre de usuario.

botones twitter

Hacemos click en Go e inmediatamente veremos debajo una lista de imágenes de Twitter que podemos escoger, son muchos y los hay sólo de imágenes o bien, con textos en español o inglés.

Sólo hay que elegir el que nos guste y copiar el código que tiene. Luego nos vamos a Diseño | Añadir un gadget | HTML/Javascript y ahí pegamos el código que copiamos.

Y listo, tendremos un ícono con el enlace a nuestra cuenta de Twitter sin haber hecho nada más.


Botones Twitter


El botón trae debajo un enlace al sitio web de Botones Twitter, si alguno desea eliminarlo sólo hay que quitar esta parte del código:
<a href="http://www.botonestwitter.com/">Botones Twitter</a>

Y como recomendación para los más precavidos será subir la imagen a nuestro propio hosting para no tener que depender de la velocidad de los demás.

Enlace | Botones Twitter

58 comentarios :

  1. Excelente. Siempre estas un paso adelante.

    ResponderEliminar
  2. muy bueno.

    ya lo pondre en la sidebar.

    por cierto, tener pagerank 2 es bueno?

    ResponderEliminar
  3. Roy, ni tanto ;)

    Dankey, claro, no es mucho pero ya está dentro de una buena posición.

    ResponderEliminar
  4. Muy bueno Potro ahora mismo lo pongo.

    ResponderEliminar
  5. Excelente Bro! me encantan los ícono que tienen...sale RT

    Un abrazo!!!

    ResponderEliminar
  6. quité el enlace, y sigue saliendo la pagina web

    ResponderEliminar
  7. Hola Pili,

    No veo el botón en tu blog, sólo veo una imagen de Twitter que al parecer tú misma has subido desde Blogger o Picasa.

    Saludos.

    ResponderEliminar
  8. hola potro otra vez molestandote, me gustaria saber si existe algun gadget o alguna plataforma (formulario) pero que soporte imagenes para que cualquier persona que entre a mi blog pueda colaborar publicando sus entradas???

    ResponderEliminar
  9. hola muy buen post..pero yo queria preguntar algo.... se puede mostrar a los amigos del facebook en el blog mediante un gadget? .... si me pudieras ayudar te esare agradecido...no es el tema pero me interesa saberlo gracias....

    mi blog es www.selvanet20.blogspot.com


    saludos

    ResponderEliminar
  10. Potris: de mi blog desapareciò el ìcono de Facebook para compartir, la imagen. Esa que quedaba al lado de cada post junto con la de Twitter. ¿Te acordàs de ese post donde lo explicaste? Lo raro es que no he tocado la plantilla para nada desde hace mucho. ¿Serà por el alojamiento de la imàgen? Yo lo hice tal cual vos lo indicaste en aquella oportunidad.
    Si te fijàs en mi blog y le encontràs la soluciòn ... avisameeee jajajajaj
    Besos enormes !!!! Mi amigo del alma :) TQM

    ResponderEliminar
  11. Hola Potro!!
    Muy bueno tu post!! quisiera que me ayudaras en un problema que tengo de hace mucho tiempo... he intentado colocarle paginacion a mi blog y lo he intentado de casi todas las maneras (Widgets,por Html,etc) y no he podido lograrlo, espero que me ayudes a resolver este problema ya que estaría muy agradecido contigo...

    Este es mi blog:

    http://www.koolyeah.com.ar

    Esta es mi plantilla:

    http://www.bietemplates.com/2009/11/white-clean-magazine.html

    Saludos!

    ResponderEliminar
  12. Chilaverde, desconozco por completo si haya alguno que haga eso.

    SelvaNet, sólo cuando es página de Facebook puedes poner el Like-Box.

    Maria Rosa Golia, es el sitio que provee el gadget que anda mal con su servidor, habrá que esperar a que se restablezca aunque uno de los siguientes posts es usar otro gadget que parece que funciona mejor. ¡Besos!

    KoolYeah!, la paginación no funciona muy bien en todas las plantillas, se supone que en poco tiempo Blogger va a poner la paginación y creo que será mucho mejor para todos.

    ResponderEliminar
  13. ¿Como hago una imagen actualizable? gracias

    ResponderEliminar
  14. ¿A qué te refieres con imagen actualizable?

    ResponderEliminar
  15. que la subes y luego la vuelves a subir sin que se cambie la URL de la imagen

    ResponderEliminar
  16. te hablo de un banner actualizable o autoactializable

    ResponderEliminar
  17. La única forma que yo hago eso es usando Dropbox, sólo edito la imagen ya puesta en la carpeta Public y se actualizan los cambios con la misma URL.

    ResponderEliminar
  18. Muy bueno Potro ;)
    Jeje, una simple noticia, Blogger ya permite guardar gadgets sin título ^^ No se si todos pueden aún, pero por lo menos yo no tuve ningún problema, aunque anti ayer no podía hacerlo. Creo que Blogger se dio cuenta dell problema. No se, ni idea, fijate y decime, es que me entró la curiosidad.
    Un saludo ;)

    ResponderEliminar
  19. Sí, ya le había pasado antes a Blogger aunque otras veces tardaron menos en solucionarlo, por suerte ya todo anda bien.

    Saludos.

    ResponderEliminar
  20. gracias mi niño hermoso..... creo ke me gustó mucho, besitos, nos leemos, tau!!

    ResponderEliminar
  21. Qué bueno que te ha gustado, besos!

    ResponderEliminar
  22. Gracias estimado, hace mucho que he estado buscando esta aplicación para mi blog, y me ha funcionado muy bien.

    Saludos.

    ResponderEliminar
  23. Gracias a ti por tu visita, qué bueno que has encontrado las info que necesitabas.

    ResponderEliminar
  24. POTRO URGENTE

    se puede colocar http://twitter.com/about/resources/tweetbutton el boton de twitter osin probblemas en blogger me GUSTARIA QUE ME AYUDARAS

    por que al ponerlo en la pagina principal toma solo la URL de la web y no de las entrads en la pagina principal

    ResponderEliminar
  25. Sí funciona, pero debes estar dentro de la entrada para que tome la URL de la entrada y no de la principal.

    ResponderEliminar
  26. No funciona bro ya lo hice por que crees que te posteo xD

    al ponerlo en line 3 footer como dices en las entradas solo toma la pagina principal y no las entradas

    ResponderEliminar
  27. Entonces algún paso estás haciendo mal.
    En la configuración del botón en ese sitio verás que dice URL, verifica que esté seleccionada la casilla 'El URL de la pagina en que está el botón' y que el campo de abajo esté vacío.

    ResponderEliminar
  28. Bro deberias hacer un tuto como poner el nuevo botn twitter de forma correcta

    ResponderEliminar
  29. Sí lo tengo en mente, pero como tengo otras entradas pendientes por eso aún no lo he publicado.

    ResponderEliminar
  30. Buenisimo truco ya tenia rato buscando algo asi
    Saludos

    ResponderEliminar
  31. Qué bueno que te ha gustado Lecter, gracias por comentar!

    ResponderEliminar
  32. Hola potro!!! en mi blog de buscandolabuenasuerte.blogspot.com.ar cambié mi plantilla, como te habrás dado cuenta...y me decidí por esta que está buena...pero quiero agregar unos botones de redes sociales y me queda uno abajo del otro, no sé porqué, así que quiero agregarle un título al costado, pero no sé cómo para darle estilo y que quede bien. La letra es muy chica y no tiene nada de estilo, cómo arreglo esto??? y además, que no esté tan pegado al ínoco...eso supongo que hay que hacer algo en css y ponerle un padding o algo así? me ayudás??? gracias!

    ResponderEliminar
    Respuestas
    1. Mira esta entrada, con ese código puedes basarte para hacer los cambios que deseas:
      http://ciudadblogger.com/2011/08/agregar-botones-de-redes-sociales-en-la.html

      Eliminar
  33. Hola Potro!!! podrías echarle un ojo a esta entrada http://www.jordanypippen.com/2012/06/return-la-finalisima-de-la-acb-real.html
    No entiendo porque el botón de twitter del final de la entrada de mi colaborador sale de color gris, y el arriba de entrada de twitter si sale con sus colores. He probado a colocar el mio y si sale de color
    ¿Puedes echarme un cable por favor?

    ResponderEliminar
    Respuestas
    1. No sé con cuál navegador lo estés viendo, pero desde Chrome ambos se ven del mismo modo, gris con el ícono azul.

      Eliminar
    2. A mi sale todo gris, lo he mirado desde otro navegador y si sale con los colores apropiados!!!
      Perdona por las molestias!!! Gracias!!!

      Eliminar
    3. Entonces debe ser tu navegador, o que ya compartiste la nota. Porque te repito, desde aquí se muestra todo bien.

      Eliminar
  34. Exelente quedo super en mi blog..!! =)

    ResponderEliminar
  35. Chicos, perdon pero no encuentro donde debo copiar eso. Cuando voy a diseño/añadir gadget solo me deja meter una URL o descarme los de blogger....

    ResponderEliminar
    Respuestas
    1. Hola Sandra. Cuando estás en Diseño debes dar click en "Añadir un gadget", se abrirá una ventana, ahí mira que del lado izquierdo esté en "Lo básico", ya estando ahí busca el que dice "HTML/Javascript", es en ese donde debes pegar el código. Saludos.

      Eliminar
  36. hola, Buenas Noches. Primero felicitarte, eres todo un capo en esto, me ha servido de mucho lo que publicas! Pero bueno, lo que necesito saber es como se hace para agregar esos botoncitos asi como tienes tu en la parte superior derecha del inicio de tu pagina de seguir en Fb, Twitter,en tu caso le has puesto un signo "+" y un enlace. pero quiero que me apoyes en como conseguir poner esos botoncitos redondos en mi page. Gracias..Y Suerte <3

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario. En realidad sólo son íconos con enlaces, nada del otro mundo, es sólo elegir una imagen (en este caso las mías son redondas) y ponerles el enlace a la página que quieras:

      <a href="URL del enlace"><img src="URL de la imagen" /></a>

      Eliminar
  37. no hay alguno de facebook me uirge para una tartea

    ResponderEliminar
    Respuestas
    1. Lo desconozco, pero puedes usar un código de imagen con enlace y poner la imagen que desees:

      <a href="URL de tu página de Facebook"><img src="URL de la imagen"/></a>

      Eliminar
  38. Hola, este botón tampoco logro que me aparezca, no se si es porque uso vistas dinámicas, o cual puede ser el problema. :C

    ResponderEliminar
    Respuestas
    1. Sí es por eso Pedro, ya en la otra entrada te decía acerca de la plantilla que usas. Saludos.

      Eliminar
  39. buenas :) como hago para poner tambien en el enlace la cuenta de instagram? ¡gracias de antemano! :)

    ResponderEliminar
    Respuestas
    1. Hola, estas son sólo para Twitter, las insignias de Instagram las puedes obtener desde este enlace:
      http://instagram.com/accounts/badges/

      Ahí te dará el código para copiar y pegar.

      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?