Aprenda a colocar o botão do Google Buzz com contador no seu blog

Crie um botão do Google Buzz no seu blog (para o Blogger)

Nesta dica você vai aprender a colocar no seu blog um botão para enviar  e contar postagens compartilhadas no Google Buzz. O Google Buzz para quem não sabe, é um microblog vinculado ao Gmail e parecido com o Twitter, que permite o envio do conteúdo das postagens do seu blog para os seus seguidores, entre outras coisas mais…

Nesta dica, vamos usar um site que cria automaticamente um código fonte com o contador do Google Buzz.

Criando o código do Contador

 

Acesse o site: http://buzrr.com/

 

Na página do Buzzr, clique <Get your Buzzr button>

Copie o código em <Copy paste following….>

Se desejar, você pode copiar o código diretamente daqui:

Obs: O script posiciona o seu contador Google Buzz à esquerda.

<script src='http://cdn.buzrr.com/js/button.js'> </script>

Para posicionar o seu contador à direita, utilize o código abaixo:

<div align="right">

<script src='http://cdn.buzrr.com/js/button.js'> </script>

</div>

Agora cole o seu código (posicionado à esquerda ou posicionado à direita) diretamente na sua postagem, em qualquer local, desde que se utilize um editor HTML (código fonte). Você também poderá colocá-lo em um gadget tipo HTML/JavaScritp no sidebar (barra lateral) do seu blog…

ATENÇÂO: Procedendo desta forma, o seu contador enviará ao Google Buzz o conteúdo do último post publicado, e sempre com o título do nome do seu blog, além de que, o botão só aparecerá na página ou gadget onde foi inserido o código.

Faça o teste, clique no botão do Google Buzz, no nosso blog de teste:

http://visualdicas2000.blogspot.com

Criando um contador Google Buzz automático (todas as postagens do blog)

Para criar um botão automaticamente em todas as páginas do blog, siga o procedimento abaixo:

Obs: Procedendo desta forma, o seu botão contador enviará ao Google Buzz o conteúdo da página onde você clicou, assim como, a contagem de cliques será feita apenas na postagem em questão.

Acesse o http://blogger.com ou http://draft.blogger.com, faça o login e entre em layout. No menu, clique em <Editar HTML>

Selecione a caixa <Expandir modelos de widgets>

ATENÇÂO: Se você não tem muito conhecimento com a linguagem XML ou HTML, é altamente recomendável fazer um backup do seu modelo antes da edição.

Clique no link <Baixar modelo completo>. Para recuperar o modelo caso algo sai errado, basta fazer o upload do arquivo salvo.

Copie o código:

<script src='http://cdn.buzrr.com/js/button.js'> </script>

 Botão Google Buzz no topo da postagem

Localize (Use CTRL+F) a expressão <data:post.body/>

Obs.:  Cuidado, se você encontrar mais de uma vez esta expressão, escolha a última.

Agora cole o código antes da expressão <data:post.body/>

Veja o exemplo abaixo:

<div class='post-body entry-content'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><script src='http://cdn.buzrr.com/js/button.js'> </script> <data:post.body/>

Botão do Google Buzz no rodapé da postagem

Faça da mesma forma que o modo anterior, porém, cole o código copiado imediatamente após a expressão <data:post.body/>

Veja o exemplo abaixo:

div class='post-body entry-content'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <script src='http://cdn.buzrr.com/js/button.js'></script>

No nosso blog, optamos pelo botão no topo da página. Observe e faça os testes…

Como funciona o botão do Google Buzz

Toda vez que o leitor clicar no botão do Google Buzz do seu post, o título e o resumo do artigo são redirecionados para o Buzz do leitor (desde que este tenha uma conta no gmail), e assim compartilhado com seguidores dele…

Veja o exemplo abaixo:

Imagine que um leitor clique no botão do Google Buzz do artigo abaixo,

Caso o leitor esteja logado no gmail, aparecerá a seguinte página:

Se o leitor desejar compartilhar este artigo, deverá clicar no botão <Postar item> (se desejar, poderá também adicionar  alguma observação e tags)

Assim feito, o resumo do post será imediatamente publicado no Google Buzz deste leitor, divulgando e compartilhando a informação do seu artigo com os seguidores dele…

Após publicado o resumo do post do leitor, o contador do Google Buzz irá contabilizar o novo compartilhamente, que no nosso exemplo passará de 9 para 10…

O site www.buzrr.com possui também um serviço de divulgação de todos os Buzz do seu blog…

Se tiver alguma dúvida, ou dificuldade em colocar o Google Buzz button, não tenha receio em perguntar…. (utilize comentários ou entre em contato)

até mais… [ byALF ]