29

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='http://1.bp.blogspot.com/_L3S3cG5x4ys/S3snweTeSaI/AAAAAAAABew/6gCN_nmJ5ts/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:
http://3.bp.blogspot.com/_L3S3cG5x4ys/S3snxWX00CI/AAAAAAAABe4/1NF0xdUMmd4/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

Entradas Relacionadas:

29 comentarios:


Ascesino96

Yo ya tengo el botón de tweet this en ese lugar, como hgo para ponerlo al lado de este... lo tengo en este blog: triogeek.blogspot.com
también puedes mirar algo del blog, tal vez te guste ;) Es nuevo ;)

**gore**

Hola rosa
me parece mui buena opcion para añadir al blog
gracias por compartirlo
y saludos
bye

Viviana y Sofia

y para los q de un lado tenemos el boton de facebook y del otro, el de twitter?

te preguntaria en donde lo colocamos, pero temo tu respuesta jajajajajaajajaj

Valentín VN

Muchas gracias Rosa, estaba buscando algo así.

Rosa

Ascesino96 Localiza donde has puesto el código del otro y añádelo a continuación o antes...

Rosa

Viviana y Sofia Eso no puedo preverlo... indico como colocar este y donde, lo demás es cosa vuestra...

More AdWords

Hola Rosa yo tengo el Blog http://www.moreadwords.com.ar/ al poner este código, me pasa que se me borran las estadisticas del botón retweet, me parece que no pueden convivir, a un si lo pongo uno como left y el otro como right, se rompe todo el texto y de más, exisitira alguna otra alternativa? Gracias! mi mail es Akaztro@gmail.com o bien si puedes republicar este posto con la solucion (en caso de que exista)

Carlos Soler

Muchas gracias Rosa! Un abrazo.

мαтιαѕ fє∂єяι¢σ

Hola rosa me gustaria que me des la url de tu favicon en 16x16 ya que he tomado la iniciativa de poner un espacio gratuito para favicones :)

Si quieres incluir mi blog en un post mi blog es http://todojuegosflash.blogspot.com/

Saludos ;)

Ascesino96

pero me queda uno más abajo que otro ya que el de twittmeme es más grande, en fin, igual ahorita no lo voy a agregar, un saludo ;)

Web Master

Fracias rosa,esto quedo perfecto,,eres de gran ayuda para todos..bay cuidate

http://nuevayoresblogs.blogspot.com/

Rosa

More AdWords Precisamente en el blog de Carlos Soler (enlace en la entrada) puedes ver los dos botones colocados y conviviendo sin problemas...

llallagua

Hola rosa perdon por escribir en esta entrada pero no sabia donde hacerlo, queria preguntarte como podria cambiarle el color a mi blog, la parte q esta de blanco me gustaria que me indicaras como hacer para q sea de color negro, de antemano muchas gracias.
mi blog: http://llallaguaweb.blogspot.com/

Rosa

llallaguaEn esta parte del código de tu plantilla:
body {
background:#fff url("http://img215.imageshack.us/img215/6872/bgbm7.jpg") top left;

Donde dice #fff lo cambias por #000

llallagua

:) Muchas gracias Rosa eres la mejor, ya lo logre y ahora estoy escojiendo una buena imagen para el fondo de mi blog.

IVANNA TEVES

hola ROSA!! muyy buena opcion,vere si me animo a tocar la plantilla,jajaja!!!ahora quiero hacerte una consulta,note que mis vistas han bajado bastante,me he linkeado en muchos lugares,pero esto no aumento el trafico.sabes que pude ser???
http://www.ivannateves.blogspot.com/
gracias y q tengas un lindo dia!!!

Rosa

IVANNA TEVES Las visitas vienen y van... sin ninguna razón...

Juana

Hola Rosa.
Me parecen geniales tus explicaciones tan claras y detalladas. ¡Y sabes elegir muy bien los temas!
Enhorabuena! Vendré mucho más por aquí.
Saludos
Mis blogs:
htpp://www.corbax.com/blog/
http://cagitan.blogspot.com/

Vanessa

Hola Rosa, coloqué los dos botones, tanto el de googlebuzz como el de tweetmeme, pero los puse al final pues al comienzo me quedaban uno a la derecha y otro a la izquierda. Como no sé si se pueden poner los dos a la derecha, me gusta más como lo tengo.

Muchas gracias, como siempre gran ayuda. Vanessa

Rosa

Vanessa Gracias corazón! :D

La Classe de Francés

Rosa,
colocado el botón y funcionando. ¡Gracias!

The Marco 3:16

Que tal Rosa, la Verdad es que me hice bolas y no sabia donde colocarlo, pero me di cuenta que se puede integrar al final después de esta linea:

post-footer-line post-footer-line-1

Entra al sitio (revista-ea.com) haber que te parece, pero en lo que ami respecta quedó genial, y gracias por todo Rosa.:D

Rosa

The Marco 3:16 Pues si, está genial tu blog... justo el tipo de diseño que a mime gusta y nada pesado... lo justo y necesario en gadget. ¡Enhorabuena! :D

ANGELINA GOMEZ RUEDA

Te paso un email para hacer una pregunta si te paece bien.

saludos.ANGELINA

Rosa

ANGELINA GOMEZ RUEDA Claro, para eso está :D

Peins

rosa todo me esta funcionando al 100% gracias

El Predicador ©

Rosa... y como hago para que esten uno de bajo del otro, por ejemplo: Share, Buzz y Twitter

Rosa

El Predicador © Podrías colocar los códigos de los otros dentro del mismo div, es decir, antes del </div> de cierre de este mismo y entre el código de cada botón pones </br> para que se muestren uno debajo de otro....

Monica

Gracias Rosi!!! tarde en colocarlo pero ya esta en mi Blog

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S