PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

09/03/2010

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

Google Buzz logo

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

info

 

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

 

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

image

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

image

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,

image

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

image

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…

image

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…

image

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 ]




2 comentários:

Fabiano Roberto disse...

eu ainda não conhecia o site http://buzrr.com, achei muito interessante, provavelmente vou começar a usar e talvez até escrever sobre ele em breve.

muito bom o seu site, parabéns

Jorge Soares disse...

The connection has timed out

The server at www.buzrr.com is taking too long to respond.
The site could be temporarily unavailable or too busy. Try again in a few moments.
If you are unable to load any pages, check your computer's network connection.
If your computer or network is protected by a firewall or proxy, make sure that Firefox is permitted to access the Web.

http://www.buzrr.com is not available, so this slow performance very much.

Try access http://www.buzrr.com !!!!

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics