Cómo poner botón retweet de twitter en tu blog de blogger



Si queremos que en las entradas de nuestro blog aparezca el icono de twitter para "twittear" las entradas, deberemos hacer lo siguiente:

1) Vamos a Diseño
2) Edición HTML
3) Buscamos el siguiente código: <data:post.body/> (tecleamos Ctrl + F para buscar más rápido). Si en tu blog no aparece ese código busca este: <div class='post-header-line-1'/>
4) Antes de <data:post.body/> pegamos el siguiente código:



<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'tu nombre de usuario en twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>



Tan sólo deberás añadir tu nombre de usuario de twitter.

Clicamos en vista previa y si todo está bien guardamos la plantilla.


¿Cómo? ¿Que no te gusta ese botón de twitter? Pues emplea éste


Para ello en lugar del código anterior, deberás pegar este:


<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'tu nombre de usuario en twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>





Gracias a bloggerplugins.

25 comentarios:

  1. Rayos!

    Tengo 2 data:post.body/ jajajajajajaj

    Por cual optare... se me hace que por el primero, que antes tiene esto:

    div expr:id='"summary" + data:post.id'

    El segundo, esto:

    b:if cond='data:blog.pageType == "item"'

    ResponderEliminar
  2. Ufff Viviana... si es que cada plantilla es un mundo. No se decirte cual de los dos es desde aqui. Haz la prueba y luego te agradeceria que nos dijeses el resultado.

    Un saludo ;)

    ResponderEliminar
  3. No mi rey, en mi plantilla de "Mamás y Bebés" este truco no funciona

    ResponderEliminar
  4. ¿En el resto de tus blogs te funciona?

    Es raro, hay más gente que lo ha creado y le funciona correctamente.

    ResponderEliminar
  5. no he probado en otros

    finalmente encontre un tutorial distinto y si me fiunciono

    ResponderEliminar
  6. Bueno espero que a la próxima vez quedes más contenta conmigo :(

    jeje

    Es broma Viviana y Sofia. Me alegro que lo hayas podido solucionar.

    Un saludo y gracias por comentar y ser una seguidora de este blog.

    ResponderEliminar
  7. Hola!! mira, ya habia puesto este boton en la antigua plantilla sin problema pero en esta estoy tratando de hacerlo y no puedo, pongo el codigo pero no me sale nada, lo he probado con los dos codigos y no hay manera!! a ver si puedes volver a ayudarme...jjj Gracias!!!

    ResponderEliminar
  8. Hola Olga. En el paso 3) ¿qué código has tenido en cuenta?

    ResponderEliminar
  9. Por fiiinnnn, gracias a Dios, volvi a hacerlo y esta vez si me ha salido, no se como hice antes, pero da igual, el caso es que ya esta, gracias otra vez!!

    ResponderEliminar
  10. Es que era raro que no te funcionase. Me alegro que ya esté todo solucionado. Un saludo.

    ResponderEliminar
  11. Perfecto Jordi, pero no veo en cuál de tus blogs lo has puesto. ¿Te ha ido bien ponerlo?

    ResponderEliminar
  12. Hola, como va??
    pregunta como hago para poner la mascota de twitter, asi como tenes en tu blog?
    Lo busque en el buscador interno, pero no lo encontre :(
    Gracias!!

    ResponderEliminar
  13. Hola Ana. Pues no tiene mucho misterios. Simplemente es una imagen asociada a un enlace. Mira como lo puedes hacer:

    http://www.quierocrearunblog.com/2009/07/poner-un-enlace-con-imagen-en-blog-de.html

    Un saludo y gracias por tu visita y por comentar.

    ResponderEliminar
  14. pues yo no tengo ese codigo primero que dices :(

    ResponderEliminar
  15. ¿En cuál de tus tres blogs te refieres?

    ResponderEliminar
  16. Lo malo es que para las plantillas clásicas no funciona :(

    ResponderEliminar
  17. Hola Curiosa. ¡Claro que funciona! Revisa el paso 3)

    ResponderEliminar
  18. xD tuve que expandir la plantilla haha pero bueno si tube suerte buena explicasion esque tenia un choshinero en los codigos que no encontraba nada tube que buscar puro "Body" para encontrar el codigo :) aqui ta mi blog

    http://pocad.blogspot.com/

    ResponderEliminar
  19. Buenas, sigo tu blog desde hace tiempo y me ha servido de mucha ayuda. Al poner este boton para que twiteen las entradas, cada vez que le clickas se abre una ventana que te pide los datos para la conexion con la cuenta de twitter, con lo que la gente no podra twitear las entradas....que puedo hacer al respecto?

    un saludo

    ResponderEliminar
  20. Funcionando de manera excelente, gracias por el tip

    ResponderEliminar
  21. Gracias por la entrada, lo acabo de hacer en mi blog y funciona perfectamente.

    ResponderEliminar
  22. Thanks.... lo añadí y funciona bien!

    ResponderEliminar
  23. muchas gracia slo añadi y se ve barbaro muchas gracias

    ResponderEliminar
  24. Hola,
    Sigo utilizando tu blog para empezar a dar forma al mio. He conseguido incorporar los bototnes de Facebook y Twitter. Muchas gracias.

    Mi pregunta es...¿como sé cuando alguien retwittea o comparte en facebook mi entrada?

    Un saludo y, de nuevo, gracias.

    Moody

    ResponderEliminar