Colocar el botón de Google Buzz en Blogger

Me solicita Carlos Soler a través de un email, si podría explicar como colocar el botón de Google Buzz en las entradas del blog.

Google Buzz
Google Buzz es un servicio que permite la integración con diversas redes sociales, incorporando Google Reader, Twitter, Flickr, Picasa y Youtube. Puedes compartir de forma rápida con todo el mundo o con sólo algunos de tus contactos, todo en una sola página.
Para acceder a todas las posibilidades que ofrece este servicio, únicamente necesitas una cuenta de gmail y estarás listo para probar Google Buzz.


[1] En el panel de configuración de Blogger accedemos a la pestaña "Diseño"

[2] Pinchamos en "Edición HTML".

[3] Marcamos la casilla "Expandir plantillas de artilugios".

[4] Localizamos esta línea de código en la plantilla:

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

[5] Inmediatamente después de esa línea pegamos el siguiente código:

<div style="float:right;padding:4px;">
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmurruWFsSQMUCTH5DsPcbJjFP7gvpCX945FgvjRuwBSU05-ig2N-gIJfL1ClC9zIdBAvrGd7FyQqDYDU5ybP596YCCAWRgq9-2ipkBMrOS1-op1_AU-I2L0-QiYkHFRIwRqVD66x5xxM/s320/Google-Buzz-Share-button.png' style='border:0px;'/></a>
</div>

[6] Usamos el "Vista previa" antes de guardar.

Botón Buzz arriba


Notas
Si por lo que sea no encontráis la línea de código a buscar, se obtendrá prácticamente el mismo resultado colocando el código justo antes de <data:post.body> (en algunas plantillas <p><data:post.body></p>).

Si colocamos el código justo después de <data:post.body>, el botón se mostrará entonces al final de cada entrada.

Google Buzz compactoSi queremos usar el botón pequeño o compacto, cambiaremos la url que he marcado de color naranja en el código por esta otra:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_M5yiusoLGJeqcHSQspgWZS7mqu92irs2KL_XhdMFkO997i30ze7kCY3acaghPqC76cEUHsTT5VsCP_-gNjuucVRzWCrduZ1A_eokethudpYzFOcDUBWQsvvItuyu3cOUFZ24WXcFCHE/s320/Google-Buzz-share-button-compact.png

El botón se mostrará a la derecha de las entradas, si queremos moverlo a la izquierda, cambiamos en el código right (destacado en color azul) por left.


Visto en: Tips o Tricks

Actualización:
En el blog de Pizcos podrás ver como añadir un botón para Google Buzz que contabiliza el número de veces que la entrada ha sido compartida

0 comentarios:

Publicar un comentario