Bienvenido a VidaBlogger, un sitio dedicado a brindar Ayuda para Blogs.

Vas a poder encontrar trucos blogger, tutoriales y herramientas para blogs, aprenderás estrategias sobre SEO y posicionamiento web, y te daremos los mejores consejos para que lleves tu blog al máximo potencial!





20 ago. 2009

Como añadir un boton de Retweet en Blogger

Hoy vamos a ver una herramienta que me parece muy importante e interesante, tanto que ni bien la descubrí la aplique en este blog. Se trata de como añadir un botón de Retweet en blogger.

Los seguidores habituales del blog habrán escuchado en más de una oportunidad acerca de las ventajas que ofrece Twitter en términos de generar tráfico hacia nuestro blog. Para aquellos que aún no conocen este servicio los invito a leer este post acerca de Que es y como funciona Twitter.

Bueno, ahora si vamos a ver como añadir un botón de Retweet en Blogger. Como dije, este truco ya pueden verlo aplicado en mi blog, y para que se den una idea así es como quedará luego de aplicado:

El servicio es muy fácil de aplicar. Lo primero que debemos hacer es ir a la edición html de nuestra plantilla, expandir artilugios y buscar el siguiente código:

<div class='post-header-line-1'/>

(Aclaración: en la mayoría de las plantillas funciona ese código, pero para quienes no lo encuentren busquen por: <data:post.body/>)

Y justo debajo vamos a pegar el siguiente código:

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

Antes de guardar debemos hacer el siguiente cambio: Donde dice NOMBRE_DE_USUARIO_DE_TWITTER debemos introducir nuestro nombre de usuario de twitter.

Opcional mente podemos hacer que el botón de Retweet se muestre a la izquierda del post, y no a la derecha como lo tengo configurado en este blog. Para ello solo debemos cambiar la palabra "right" que está en la primer linea por "left" (sin las comillas).

Una vez añadido nuestro nombre de usuario de Twitter podemos hacer vista previa para ver si los cambios aplicados salen perfectamente, y de ser así, guardamos los cambios y ya tenemos nuestro botón de Retweet en Blogger.

Ahora ya tienes tu botón de Retweet en Blogger, solo falta que tu y tus seguidores comiencen a dar retweets a los posts que les parecen interesantes. ¿Que esperas para hacerlo?

Visto en BloggerPLugins.org

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs!

17 comentarios :

  1. Hola!!! muchas gracias por la ayuda. Ya he colocado el retweet, aunque no me ha quedado igual..., pero bueno.

    Una pregunta: ¿puedo cambiar el color?

    Muchas gracias de nuevo.

    :) Reina

    ResponderEliminar
  2. @Reina
    Me alegra que te sirva. En cuanto al color, lo siento, pero no se puede cambiarlo porque esta hecho en javascript.

    Saludos!

    ResponderEliminar
  3. Ya está perfecto.

    En cuanto al color, claro, no había caído; bueno se queda verde

    Gracias de nuevo!!!

    Sau2

    :)Reina

    ResponderEliminar
  4. Muchas gracias andaba buscando esto, no es como el tuyo por que supongo que estaras usando un script modificado o algo asi, pero esta genial de igual manera.
    Un saludo.

    ResponderEliminar
  5. Hola
    como puedo agregar esto en wordpress sin la necesidad de instalar un plugin????

    ResponderEliminar
  6. Pues tendrias que tocar sobre el codigo PHP de tu plantilla.

    Te recomiendo que lo consultes en http://ayudawordpress.com/

    ResponderEliminar
  7. Hola amigo webmaster, me complace decirle que me gusta de mas tu blog, es uno de los mejores que he visto en mi carrera blogger.

    TENGO UN PROBLEMA CON EL BOTON DE "TWITER"

    - el boton no es igual al que usted esta usando.

    - por favor me dice como colocar el boton que usted usa.

    muchas gracias de antemano, este mismo comentario lo publicare en la entrada.

    gracias me hare su seguidor.

    mi web es: http://buen-ocio.blogspot.com/

    ResponderEliminar
  8. @Martín M
    Si quieres el mismo boton que uso yo, date una vuelta por este sitio para conseguirlo: http://www.bloggerplugins.org/2009/08/retweet-button-for-blogger.html

    Saludos!

    ResponderEliminar
  9. Muchas gracias por la información. No localizo el código que mencionas en mi plantilla, ni el que das como alternativa. ¿Por qué parte suele estar, más o menos? ¿Hay alguna otra forma?

    Gracias,

    Leila

    ResponderEliminar
  10. @Leila Nachawati Rego
    Expandiste los artilugios? porque sino no podras encontrar nunca el codigo.

    ResponderEliminar
  11. Mil gracias, excelente aporte y buen blog...

    ResponderEliminar
  12. mil gracias!! tu post ha sido de gran ayuda!! Seguimos en contacto!

    ResponderEliminar
  13. gracias.. tengo que decirte la verdad.. he intentado varios sitios y eres el unico que pone codigos que funcionan realmente.. muchissimas gracias por tu ayuda.
    hasta pronto
    alimonia

    ResponderEliminar
  14. Me sirvio de mucho tu post! Excelente muchas gracias...

    ResponderEliminar
  15. Hola,como puedo hacer para que el boton quede centrado,muchas gracias

    ResponderEliminar

Lea las reglas:

Todos los comentarios serán leídos y moderados previamente.

Serán publicados aquellos comentarios que respeten las siguientes reglas:
- Su comentario debe estar relacionado al contenido del post.
- No se aceptan comentarios tipo SPAM.
- No incluya links No necesarios en el contenido de su comentario.
- Si quieres dejar la url de tu blog, hazlo utilizando la opción OpenID.
- La caja de comentarios no es el lugar para pedir intercambio de links (para ello ve a la página de contacto).
- Ofensan personales, amenazas o insultos NO serán permitidos.

OBS: Los comentarios de los lectores no reflejan las opiniones del blog.