Gostou do blog ? então curta nossa página no Facebook:

Inserir botão Google Buzz no Blogger

Google Buzz é um produto do Google. O serviço fornece ao usuário ferramentas de redes sociais como, por exemplo, divulgação de links e atualização de status por meio da interface do GMail. Os links e as mensagens compartilhadas com seus seguidores aparecem na mesma interface de usuário junto com a caixa postal de entrada. A Google lançou o Google Buzz em 09 de Fevereiro de 2010.


De forma bem objetiva vou mostrar como adicionar esse botão aparecendo apenas nos artigos e você poderá configurar para aparecer seja do lado esquerdo ou do lado direito do primeiro parágrafo e abaixo do título, como aqui. A imagem usada pode ser trocada por qualquer outro ícone do Buzz que você quiser.


Abra o código-fonte de seu blog, clicando no menu "Layout" ~> "Editar HTML" e marque a opção "Expandir modelos de widgets" para ver todos os códigos.
Então procure pela seguinte linha:

<div class='post-header-line-1'/>

ou algo bem semelhante. Imediatamente ABAIXO disso, cole o seguinte trecho de código, só alterando o que indicarmos:


<!-- Botao Google Buzz Inicio --> <br />
<b:if cond='data:blog.pageType == "item"'> <br />
<div style="float:right;padding:4px;"><a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title+ "&srcURL=" + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'> <br />
<img alt='Envie para o Buzz' src='http://www.ferramentasblog.com.br/imagens/botao-buzz-this.png' style='border:0px;'/></a> <br />
</div></b:if> <br />
<!-- Botao Google Buzz Inicio -->

Nesse modelo o ícone aparecerá alinhado ao texto do lado direito, bem no primeiro parágrafo do post. Se você trocar o texto marcado em vermelho por "left", ele ficará alinhado à esquerda do parágrafo.


Salve e veja o resultado em seu blog. Lembrando que há uma condicional no código que faz com que o botão só apareça na página específica do artigo.

4 comentários:

juninho.cdsmoralsokijente disse...

francinelson, eu gostei do botão mas você pode me ajudar como colocar essa barra de acessorios que tem no seu blog ai a azul isso me ajudava muito!

francinelson disse...

e só você olhar esta postagem aqui !
http://reidobloguinho.blogspot.com/2010/03/criar-barra-com-acessorios-no-blog.html

edilene - amor disse...

olá
tentei o google buzz e dá erro
pq?

francinelson disse...

EDILENE - AMOR

Faz de novo acho que você deve ter feito alguma coisa de errado como alterar o código !
Tenta novamente!

© 2010 | Rei do Bloguinho |Todos os direitos reservados
topo ↑