botões Google Buzz ao seu blog Blogspot.

Este tutorial explica como adicionar alguns  modelos de botões Google Buzz ao seu blog Blogspot.
Siga os passos abaixo:
Faça login no Blogger e no painel clic em “layout”. Em seu layout clic na aba “Editar HTML” e clic na opção “Expandir modelos de widgets.






CÓDIGO PARA EXIBIR ESTE MODELO

<div style='padding: 4px; float: right;'>

<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/AVvXsEh8YM1jFUIC2D1iILyZNkhreL-9_dHs93tphZllLzDwBDvNOV2A4NxewXKaRpHblCtNNtXbbtoIf2oiKbIQtDkY4JG-dXpi9rmweZpQEXXChkUKAllyI4yaz61XHmHWxFK4g-IfVQXg5Lp6/' style='border:0px;'/></a>


</div>

CÓDIGO PARA EXIBIR ESTE MODELO

<div style='padding: 4px; float: right;'><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/AVvXsEj-tbd_0d8q0UaTeTFEO2BINUabS6rlekRbI70qRhPh8yre5lr1zcvyqU2CZUdJnh0h5_aS3PIQ1mMBOmlhUTrSNHiZ8PfyqTeLSpEDPKwbTQtfeuiJI4rrYSofmvJW1jdvwFcacJcTDqy5/' style='border:0px;'/></a></div>

Escolha o modelo que mais te agrada, copie o código correspondendente. Procure em seu HTML o seguinte trecho:

<data:post.body/>


Cole o código imediatamente ABAIXO desse trecho para exibir o botão no início do post. Se preferir que ele flutue à esquerda, troque onde está escrito “right” por “left”.


Se quiser exibir o botão no rodapé do post, procure pelo seguinte trecho


<p class='post-footer-line post-footer-line-1'>


Cole o código do botão escolhido, ABAIXO desse trecho.


#dica►Repare no código e seguinte trecho:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-tbd_0d8q0UaTeTFEO2BINUabS6rlekRbI70qRhPh8yre5lr1zcvyqU2CZUdJnh0h5_aS3PIQ1mMBOmlhUTrSNHiZ8PfyqTeLSpEDPKwbTQtfeuiJI4rrYSofmvJW1jdvwFcacJcTDqy5/


Este é o endereço do ícone, então, caso você queira substituir por outro ícone mais a seu gosto, hospede no Blogger ou em um site tipo Tinypic e mude o endereço.


Veja esse, por exemplo do Blogger Widgets


Ou este do Smashing Webs 2.0


Faça uma pesquisa e lembre-se de que sempre vale a pena ter opções para compartilhar conteúdo.FONTE: COMPARTILHADO Abraços

Technorati Marcas: botões,Google,Buzz,ao,seu,blog,Blogspot

• Divulgar no del.icio.us
• Divulgar no Digg
• Adicionar nos Favoritos do Google
• Enviar para o Twitter
• Compartilhar no Facebook
• Compartilhar no Technorati
• Enviar para o MySpace