Acessórios Redes Sociais Vanessa S.
Botão Compartilhar post no Google Buzz
Vocês já viram um artigo sobre o Google Buzz, a nova rede social lançada essa semana pelo Google, e já devem ter verificado que este serviço está virando a nova sensação da internet, principalmente após a divulgação de suas estatísticas pelo Google, de que 9 milhões de mensagens foram enviadas nos 2 primeiros dias de lançamento da ferramenta.
É sempre bom experimentar coisas novas, como diversas redes sociais, ao mesmo tempo, principalmente porque nunca sabe qual delas pode trazer uma grande onda de tráfego para o seu blog, ainda mais quando possibilita “divulgar links do seu blog”.
Para facilitar o envio dos links de seus artigos publicados, disponibilizo um tutorial onde você verá como adicionar um botão no seu blog possibilitando que seus leitores enviem os links de suas postagens para o Google Buzz, apenas com um clique.
Primeiro foi o Twitter, depois o orkut e o Facebook, agora trataremos do “Google Buzz it”.
Veja como adicionar o botão para compartilhar seus posts no Google Buzz.
Segue abaixo 3 modelos de botões para você escolher:
1. Opções de botões:
Código do botão modelo 1 (horizontal):
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title' target='_blank'>
<img alt='Buzz It' src='http://lh3.ggpht.com/_UCfxgWHzU98/S3pB0AboouI/AAAAAAAAB-Y/rP0OgM9IbnI/google-buzz-icon-for-blogger-1.png'/></a></b:if>
Código do botão modelo 2 (vertical):
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title' target='_blank'>
<img alt='Buzz It' src='http://lh4.ggpht.com/_UCfxgWHzU98/S3pB0AwtcoI/AAAAAAAAB-c/LHRjgQRDGh0/google-buzz-icon-for-blogger-2.png'/></a>
</b:if>
Código do botão modelo 3 (mini): Buzz it !
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title' target='_blank'>
<img alt='Buzz' src='http://lh5.ggpht.com/_UCfxgWHzU98/S3ovWRmlGxI/AAAAAAAAB98/3MLxoWA9qsU/Google%20Buzz%20small.png' style='vertical-align: middle;'/> Buzz it !</a>
</b:if>
DICA:
Caso você queira posicionar seu botão (á direita ou à esquerda), veja como proceder:
Botão à direita -> acrescente a seguinte linha ao início do código do botão:
<div style="float:right;padding:4px;">
e acrescente </div> antes de </b:if>
Botão à esquerda -> basta substituir float:right por float:left.
2. Instalando o Botão:
Agora que você já escolheu o botão que mais lhe agrada,veja neste post as opções de local mais adequado para colar o código.
Eu recomendo que você salve em seu pc a imagem utilizada no seu botão e hospede-a no site de sua preferência, e depois troque ,no código, o endereço (url) da imagem, para evitar algum eventual problema de excesso na hospedagem.
