Botón "enviar entradas a Twitter"

Tweetmeme es una especie de agregador de noticias de Twitter.

Este servicio rastrea y optiene la información de los tweets que comparten los usuarios de Twitter entre si (RT), en su web podemos ver una portada principal donde ap

arecen los tweets más destacados.En Blogger podemos añadir un botón que permita a nuestros usuarios enviar la información a Tweetmeme de las entradas de nuestro blog, cuantos más usuarios envien la entrada, más posibilidad tendrá esta de posicionarse en Tweetmeme.

Vamos a ver como colocar el botón al lado derecho del título de nuestras entradas.

[1] Desde "Edición HTML" en nuestro panel y marcando la opción de "Expandir las plantillas de artilugios" localizamos el código que está en negrita y añadimos el que he resaltado en color rojo:

<b:if cond='data:post.title'>
<div id="tweetmeme" style="float: right;">
<script type="text/javascript">
tweetmeme_url = &#39;<data:post.url/>&#39;; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> </div>
<h3 class='post-title entry-title'>
[2] Usamos vista previa y tendremos que ver nuestro botón a la derecha del título de la entrada:

[3] Guardamos cambios.

Si en lugar de ese botón, queremos usar el otro modelo disponible de botón (más pequeño), el código (que colocaríamos en el mismo lugar) sería este:
<div id="tweetmeme" style="float: right;">
<script type="text/javascript">
tweetmeme_url = &#39;<data:post.url/>&#39;;tweetmeme_style = 'compact';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Podemos colocarlo también al final de las entradas, justo antes del comienzo de los comentarios, de esta manera solo será visible cuando entramos a una entrada completa.

Para hacer esto tendríamos que incluir el código así:
<b:includable id='comments' var='post'>
<script type="text/javascript"> tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
<div class='comments' id='comments'>
Fuente: elescaparatederosa

2 comentarios:

Daniel Rios dijo...

Muy bueno! Gracias!

Blogs Cristianos dijo...

muchas gracias men.
Blogs-Cristianos

Publicar un comentario

Publicaciones recientes

 

  © 2009 Crea tu Blog

True Contemplation Blogger Template by M Shodiq Mustika