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.
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='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title+ "&srcURL=" + 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.
Notas
Si colocamos el código justo después de <data:post.body>, el botón se mostrará entonces al final de cada entrada.
Si 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:
0 comentarios:
Publicar un comentario