Colocar Botão +1 do Google no Blog

Mostre que seu Blog é relevante e tem bom conteúdo, coloque o botão +1 do Google no seu blog. Ele já está aparecendo automaticamente para as pessoas que usam os botões de compartilhamento do blogger e nestes casos não é necessário fazer alteração nenhuma, mas para quem não usa esses botões para divulgar o blog em Redes Sociais como twitter, facebook, orkut e outros, então temos a opção de colocar o botão +1 do google separadamente pegando o código na pagina do Google, isto também pode ser útil se quiser escolher uma posição de mais destaque para esse botão em sua pagina como, por exemplo colocar o botão fixo no canto da pagina.

Para mostrar os botões de compartilhamento no seu blog na pagina design, clique para editar as postagens e marque a opção Mostrar botões de compartilhamento, como está na imagem abaixo, caso tenha alguma duvida veja aqui um tutorial mais detalhado: Mostrar Botões de Compartilhamento no Blogspot.

botões de compartilhamento no blog

Sobre colocar o botão separadamente dos outros botões de compartilhamento entre na pagina da central para webmasters e pegar o código do botão +1 você se o idioma não estiver em português você deve alterar o idioma para português e escolher o tamanho do botão.

botão +1 do Google no blog
O código gerado pela pagina é assim:

<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'pt-BR'}
</script><!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone>


Você deve colocar no seu blog separadamente (editar html e gadget html/javascript), pois nos testes que fizemos se colocar num gadget de html/javascript o botão não pareceu em todas as paginas. Entre na pagina editar html, e coloque essa linha de código antes de </head> (use o ctrl F para achar).

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">

editar html do blogger
Depois adicione um gadget de html/javascript e coloque o código:

<g:plusone></g:plusone>

Os outros trechos são apenas notas de html servem para identificar o código, portanto não fazem diferença colocar ou não. Nos testes que fizemos o botão só aparece quando você está logado com uma conta google, já que é necessário ter uma conta para votar. Você pode ler mais informações sobre o botão +1 das pesquisas Google aqui diretamente na pagina de ajuda do google.

Veja outras formas de divulgar seu blog em redes sociais:
Botão para as redes sociais - AddThis
Botão das Redes Sociais para Wordpress, Blogger, Firefox e muito mais
Postar em varias redes sociais ao mesmo tempo
Download de Icones para Redes Sociais (Twitter, Facebook, Orkut)

botão +1 nos resultados das buscas google
Por enquanto o recurso de inserção de notas do +1 está disponível somente em inglês americano no Google.com, mas certamente estará disponível em todos os paises futuramente, portanto não há necessidade de esperar e podemos começar a ganhar pontos em mais essa ferramenta de avaliação de sites criada pelo Google, afinal tudo que ajude melhorar a posição do blog no resultados das pesquisas é interessante conhecer e usar.
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

56 comentários:

  1. eu vi no meu blog e assustei kkk... estava pensando que era erro do blogger rsrs

    ResponderExcluir
  2. Dá para escolher o idioma na hora de configurar o botão

    ResponderExcluir
  3. a escolha do idioma é relativo a mensagem que aparece nas primeiras vezes que a pessoa usa o botão

    ResponderExcluir
  4. Mas se eu clicar nesse botão e curtir uma página a ação vai direto para meu perfil do Google Buzz?

    ResponderExcluir
  5. Gostaria de saber como faço para colocar um link de RSS no meu blog. Procurei e não achei, quero criar um RSS e colocar o link no blog. Obrigado e saudações.

    ResponderExcluir
  6. Down Fire Livre
    esse botão não é o google buzz

    ele é uma maneira do google saber quais sites as pessoas gostam, mas ainda é uma novidade, certamente em breve teremos mais informações a respeito

    ResponderExcluir
  7. no blogger o feed é automatico veja o endereço:
    http://www.dicasparablogs.com.br/feeds/posts/default

    é só trocar o endereço do seu blog

    ResponderExcluir
  8. Fabiano, a opção de mostrar botões de compartilhamento no meu blog já era ativo, mas esse novo botão não apareceu. Então, desativei e ativei de novo e ele ainda não aparece. O que será?

    ResponderExcluir
  9. Fique Sabendo!
    tente clicar F5 no teclado para atualizar sua pagina ou excluir o histórico de internet.. seu computador deve estar usando o historico para mostrar seu blog....

    até agora todos os blogs que vi os botões de compartilhamento o +1 apareceu automaticamente sem precisar fazer nada

    ResponderExcluir
  10. No meu blog colo pra ativar o botão de compartilhar, mas não aparece no final do meu post, nem em lugar nenhum...o que faço para aparecer?

    ResponderExcluir
  11. Rosana Karlla
    veja aqui: Mostrar Botões de Compartilhamento no Blogspot

    mas alguns templates não está funcionando ....

    ResponderExcluir
  12. Valeu pela dica. Eu uso os botões de compartilhamento flutuante. Ficou lindo.

    ResponderExcluir
  13. Minha preocupação é se isto vai influenciar nos resultados de busca, tudo é novo ainda... não dá pra saber.

    ResponderExcluir
  14. Patrícia
    acredito que pode influenciar... claro se der certo e tiver aceitação do publico...

    ResponderExcluir
  15. muito bom.. o meu ficou bem junto a outros codigos java sim.. vlw www.guia-atual.com

    ResponderExcluir
  16. valeu pela dica!
    olha só, e se eu quiser mudar a posição do botão dentro do gadget (esquerda, direita, centro), como que eu faço?

    ResponderExcluir
  17. Joao N

    pode colocar center na parte final do código, assim:
    <center><g:plusone></g:plusone></center>

    ou veja aqui: Botões de Compartilhamento Fixos no Canto da Pagina - Redes Sociais

    ResponderExcluir
  18. Fabiano,
    Deu certo, com esse comando CENTER o botão ficou centralizado. E se eu quiser posicioná-lo do lado direito? Tentei right, mas não foi. Tem como alterar a posição em relação à margem e altura?

    Obrigado! Cara, seu blog é muito útil para nós blogueiros.

    ResponderExcluir
  19. Joao N

    você poderia usar assim para posicionar melhor

    <div style="float::right; padding-top:10px">código aqui</div>



    o valor 10 é espaço acima

    ResponderExcluir
  20. Fabiano eu coloquei o botão do Twitter, Google +1 e curtir e enviar pro facebook, depois do data:post.body mas o do Twitter e Google +1 eles sempre aparece na pagina inicial do meu blog, o do Facebook não aparece na pagina inicial, só dentro da postagem, eu queria saber como faço pra colocar o botão do Twitter e Google +1 pra não aparecer na pagina inicial, só dentro da postagem igual do Facebook, se não tiver me entendendo olha no meu blog.
    http://plantaohiphop.blogspot.com

    ResponderExcluir
  21. veja aqui como fazer o botão aparecer somente na pagina das postagens ou só na pagina inicial: Conteúdo diferente nas paginas do blog

    ResponderExcluir
  22. Opá, Fabiano Roberto, tudo bom?
    Bom, eu coloquei o código até aí tudo certo, mais acontece que o botão +1 marca a pagina inicial como +1 e não o link da postagem.
    A solução que achei foi colocar o botão apenas quando a abrisse o link da postagem, eu já tive esse problema com o curtir do facebook mais consegui solucionar, sabe se posso fazer algo?

    ResponderExcluir
  23. thiago bû
    se colocar o botão num gadget ele servirá para todas as paginas do seu blog.

    você poderá ver que a contagem é diferente em cada pagina pois ele sempre vai considerar a pagina atual que está sendo mostrada.

    ResponderExcluir
  24. Olá, no painel do meu blog já tem a opção +1 junto com os botões de compartilhamento, porém quando eu ativo essa função no blog aparece apenas os botões de compartilhamento antigos, o que acontece?

    ResponderExcluir
  25. Tip Cullen
    tente excluir seu historico de internet... deve ser erro no carregamento da pagina.

    porque a alteração feita nestes botões devem funcionar em todos os blogs.

    ResponderExcluir
  26. Este botão apareceu do nada em 1 Site meu no outro eu vim aqui ver como coloca.
    Vou tentar colocar.
    Valeu,bjus

    ResponderExcluir
  27. Meu amigo muito obrigado coloquei em meu site http://www.baixacompletodownload.com ...vlw mesmo estava atrás disso e não sabia em onde ficava para adquirir

    ResponderExcluir
  28. qual o codigo que eu uso para movimentar o botão??
    pois não tô conseguindo colocar onde quero.
    O botão sempre aparece colado na lateral esquerda...
    queria um codigo pra movimentação livre....

    ResponderExcluir
  29. pode colocar o código dentro de div e escolher o lado, assim:

    <div style="float:right"><g:plusone></g:plusone></div>



    se quiser troque right por left para mudar o lado... o outro trecho do código pode colocar normalmente

    ResponderExcluir
  30. Olá de novo.
    Depois de MUITO trabalho consegui colocar o codigo onde eu realmente queria.

    Porém apos colocar o código, percebi que o botão estando na home, os click no botão +1 são contabilizados para a home e não para o link da postagem.

    Queria saber se tem como fazer isso, tipo a pessoa clicar no botão +1 na home, porem o click ser contabilizado na pagina individual.

    Ex:
    Visite meu blog
    http://www.clickloko.com/

    Perceba que todos os botões que estão na home estão com 2 cliks, e se vc visitar uma pagina individual, os clicks estarão como 0.

    Espero que intenda minha dúvida....
    flw, abrass

    ResponderExcluir
  31. o botão funciona para a pagina atual... se modificar e colocar um endereço nele então funcionará para esse endereço em todas as paginas

    ResponderExcluir
  32. Fabiano,desde já muito obrigada.Vc tem me ajudado e muito.Meus emails vc nunca deixou de responder,legal mesmo!
    Estou chateada, ñ funcionou no meu blog, por que será? ajude-me + 1 vez.
    Grata

    ResponderExcluir
  33. Val
    o código do botão +1 é em duas partes... uma delas tem que ser na pagina editar html... talvez seja esse o seu erro

    ResponderExcluir
  34. Olá Fabiano,Guru dos blogs rsrsrsr, segui sua orientação e blz, consegui colocar o +1 alinhado, porém isso gerou um espaço devido o +1 ter um contador também, você pode dizer como você fez para tirar o contador do +1? outra coisa, quando tento com outro e-mail adicionar o +1, ele dá a seguinte mensagem de erro

    Erros do botão +1

    Se o botão +1 não estiver disponível ou parar de funcionar, será exibida esta imagem:

    Um erro do botão +1 poderá ocorrer por diversas razões, incluindo:

    O servidor expirou: verifique sua conexão com a Internet e atualize a página.
    Perfil bloqueado: se seu perfil tiver sido bloqueado, você não conseguirá marcar conteúdos com +1.
    Usuário do Google Apps: verifique com o administrador do domínio se os Perfis do Google estão ativados

    Abraço

    Talentos

    ResponderExcluir
  35. sobre os erros, como diz o texto pode ser erro de conexao ou algum dos outros motivos.. .não temos como saber mais sobre isso, mas se não for alguma conta bloqueada deve se resolver sozinho...

    sobre retirar o contador é só usar o código assim:

    <g:plusone count="false">

    ResponderExcluir
  36. Ola Fabiano,
    Ja tentei de tudo pra colocar este botao no meu blog e nao tem jeito de funcionar.
    Qunado entro na opicao de colocar marcadores, esta tudo certo, mas quando vou conferir nas postagens este é o uncio que nao aparece.
    Sera que voce pode me dar uma dica de como arrumar isso??
    Desde ja muito OBRIGADA e PARABENS pelo seu trabalho que tem me ajudado muito pois comecei a um mes a tentar ser uma blogueira rsss, e gracas a voce ja aprendi muita coisa e praticamente estou montando meu blog atravez das suas explicacoes.

    ResponderExcluir
  37. Ola Fabiano,
    Ja tentei de tudo pra colocar este botao no meu blog e nao tem jeito de funcionar.
    Qunado entro na opicao de colocar marcadores, esta tudo certo, mas quando vou conferir nas postagens este é o uncio que nao aparece.
    Sera que voce pode me dar uma dica de como arrumar isso??
    Desde ja muito OBRIGADA e PARABENS pelo seu trabalho que tem me ajudado muito pois comecei a um mes a tentar ser uma blogueira rsss, e gracas a voce ja aprendi muita coisa e praticamente estou montando meu blog atravez das suas explicacoes.
    PS: gostaria de entrar em contato com voce por imail, moro na Alemanha e as vezes fica dificl pra mim entender muitas coisas pelo idioma ser muito complexo, e muitos dos sites que voce deixa aqui abrem automaticamente pra mim em alemao =/.Se for possivel me avise por favor.

    ResponderExcluir
  38. ♥★♥ •DELICADA•♥★♥
    tente apertar o botão F5 no teclado (atualizar a pagina) as vezes seu computador usa o historico de internet e por isso não aparece as alterações recentes

    ResponderExcluir
  39. eu coloquei os botões fabiano,deu certo e tudo.. valeu.. só que gostaria de colocar meus botões embaixo das postagens assim como os seus.. tem jeito de eu mudar isso?
    não estava totalmente atenta quanto a esse detalhe quando os coloquei.. olha lá e me dêr uma resposta.. valeu e um abraço

    ResponderExcluir
  40. estou terminando um tutorial sobre botões no final da postagem, vou fazer mais alguns testes e publicar amanhã

    ResponderExcluir
  41. Fabiano, sei que não tem a ver com o post, mas quando alguém vai no meu blog e tenta compartilhar diz que esta bloqueado ou algo do tipo e não deixa compartilhar... o que acontece? e como faço para que possam compartilhar?

    ResponderExcluir
  42. Fabiano, continuando o outro comentário, ao colocar para compartilhar diz que o conteúdo pode ser abusivo ou spam. o que eu faço? Obrigada.

    ResponderExcluir
  43. @May-chan isso depende do conteudo do seu blog.

    os seus textos são escritos por você ou copiou de outros sites?

    foi considerado spam? você enviou muitas postagens de uma vez só? pode ser isso também.

    nesses avisos tem algum link para mais informações se tiver clique nele e veja o que as paginas de ajuda dizem.

    ResponderExcluir
  44. Obrigada... agora está compartilhando normal, nem precisei fazer nada. Se quiser ver o blog é http://animemultiverso.blogspot.com/ seu site ajuda muiitoo não sei como estaria meu blog se não tivesse seu site para me guiar ^^

    ResponderExcluir
  45. eu coloquei no meu blog q to fazendo jeanjonathas.blogspot.com mas quando eu aperto em +1 em uma postagem é como se o botao fosse do site todo, e não da postagem em si. no botao do facebook eu corrigi botando expr:href='data:post.url' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'

    e no botao do google, como faz?

    ResponderExcluir
  46. Jean Jonathas
    concordo com você que é uma boa solução no caso de blogs que mostram os botões mesmo na pagina inicial

    ResponderExcluir
  47. mas tem alguma solução para o botao do +1?

    ResponderExcluir
  48. na parte do código que gera o botão deve funcionar assim:

    < g:plusone annotation="inline" expr:href='data:post.url' >< /g:plusone >

    ResponderExcluir
  49. infelismente não funcionou fazendo do jeito q tu disses

    ResponderExcluir
  50. eu não testei o código, mas então acho que o jeito é mostrar o botão somente nas paginas das postagens

    ResponderExcluir
  51. tente deste jeito: < g:plusone expr:href='data:post.url'/ >< /g:plusone >

    ResponderExcluir
  52. eu consegui tirando o codigo js do head e pondo tudo junto com o codigo do botao. ficou assim:


    {lang: 'pt-PT'}




    fica a dica pra quem quer mostrar mais de um botão em uma mesma pagina

    ResponderExcluir
  53. Sim .eu gostaria de entender melhor. sobre o blog tenho dificuldades para navergar no blog.como fazer para colcar o botão numero 1 do Blog?

    ResponderExcluir
  54. depois que pegar o código do botão +1 entre na pagina do blogger > vá em layout > adicionar gadget > html/javascript e cole o código

    ResponderExcluir
  55. O site é excelente! Está em meus favoritos!

    Tudo o que publicam uso no meu Blogspot e dá certo!

    Confiram visitando e comentando! Se puder,sigam_me!


    Beijokas

    Donetzka

    Meu Blogspot:


    http://donetzkatextosbonitoseimagenslindas.blogspot.com.br/

    ResponderExcluir