Compartilhar Posts No Google Buzz

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/AVvXsEih-BSV2MU69_k_VWbIhVytUA49pR3yhF7W3tdT9QYtnLmymfNiAU0TSjBo8suvC5jEVfpBSxie1Vk_YbHdWVAq4H0RtrFAkinHWckuN3BuFkWwmw_iCER4Tezxs5J5lsFTuqfOm5o9Zd16/' 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/AVvXsEgLObe3HgjcOXJfA5QbDmH6yz4Cc57Zz7pRo43v4adaT0-x6j6dfLfr3YuqXJnu7BUhMiDI5-u7qpzPNofdOMnYkN7x5ul1VQoLWuaztrs77pmP-cQq0jMMMf8QyluPlB9ODtbASf70MOUd/' 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/AVvXsEgLObe3HgjcOXJfA5QbDmH6yz4Cc57Zz7pRo43v4adaT0-x6j6dfLfr3YuqXJnu7BUhMiDI5-u7qpzPNofdOMnYkN7x5ul1VQoLWuaztrs77pmP-cQq0jMMMf8QyluPlB9ODtbASf70MOUd/

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.

Receba nossas atualizações: