Botão Compartilhar do Google: Mais Opções de Botões do Google+

O Google+ lançou uma nova opção de botão de compartilhamento além do botão +1 agora tem o botão compartilhar do Google para usar no seu blog. Basicamente o que mudou foi o visual do novo botão do Google usando a palavra Compartilhar (português) ou Share (inglês), mas o funcionamento continua igual ao Botão +1, ou seja, divulgar seu blog e posts na rede social Google Plus. Se você achar melhor pode usar o Gadget com o Botão +1 do Blogger.

opções do botão google+

Para colocar esse botão compartilhar do Google no seu blog você só precisa configurar o estilo do botão na pagina de desenvolvedores do Google: Share - Google+, lá você encontra algumas opções de formato do botão compartilhar do Google+ então é só escolher um delas e colocar o código no seu blog entrando na pagina Layout > Adicionar Gadget > HTML/Javascript e colar o código.

botão compartilhar do google plus no blogger

Mas se você já usa o botão do +1 do Google no seu blog você pode trocar somente a primeira linha do código e não precisa alterar o restante. Ou seja, trocar a linha: <g:plusone></g:plusone> por:

<div class="g-plus" data-action="share" data-annotation="vertical-bubble" data-height="60"></div>.

Claro que isso varia conforme a configuração que já tinha no botão do Google e a nova configuração que escolher. Clique no botão abaixo para ver o funcionamento do novo botão do Google e aproveite para compartilhar nossas dicas entre seus amigos do Google Plus.


Veja outras dicas úteis sobre usar as redes sociais para divulgar seu blog:
Botão para Redes Sociais no Wordpress, Blogger, Firefox e muito mais
Estatísticas Botões de Compartilhamento - Curtir, Retweet, +1 e Outros
Colocar Botões de Compartilhamento em Forma de Coração no Blog

Como já dissemos no inicio do tutorial o que mudou foi somente a aparência do botão então você deve ver qual dos estilos do botão combina mais com seu template e boa sorte com seu blog nas redes sociais. E o que você achou dessa mudança do botão do Google+ ou quais outros tipos de botões de compartilhamento gosta mais e acha que dão melhores resultados no seu blog?

25 comentários:

  1. Como você fica sabendo desses novos lançamentos?

    ResponderExcluir
  2. na verdade esse botão já está em funcionamento faz alguns dias, mas são varias fontes de informação uma delas é do próprio blogger: http://buzz.blogger.com/

    No caso especifico desse botão li sobre ele nas noticias de tecnologia do portal Terra (se não me engano)

    ResponderExcluir
  3. Como eu disse em um comentário, eu comprei um domínio na segunda e ainda não foi liberado para eu configurar seu DNS... Queria saber o motivo...

    Acho que vou ligar pra eles

    ResponderExcluir
  4. de segunda-feira até hoje acho que já era para estar liberado para configuração

    ResponderExcluir
  5. Fabiano, voce acha que esse Google +1 pega? Não vejo grandes vantagens em colocá-lo pois ninguém tem (não vejo ninguém falando: Você tem google mais? ou Me add no google mais?)
    Será que se colocarmos o botão o google coloca nosso site nas melhores colocações ou isso para eles não muda ...

    Por enquanto, no meu blog eu só deixo nos posts para quem publicar, mas oficialmente não temos ...

    ResponderExcluir
  6. geralmente nas pesquisas do google quando você está logado aparece que você ou um de seus amigos marcaram aquele site com o +1 isso pode ajudar a conseguir mais visitas.

    mas o google revela qual a real importância de cada item na classificação dos sites nos seus resultados.

    ResponderExcluir
  7. Dica para próxima dica: Como dividir a Main-Wrapper ...

    Fazer um site tipo este daqui ó: http://raphaelviper.blogspot.com.br/

    To procurando tutoriais para ter 2 colunas de postagens divididas mas não consigo aplicá-las no novo blogger ...

    ResponderExcluir
  8. Fabiano, preciso de sua ajuda, a um tempo atras criei um template pro meu blog, fazendo imagens no photoshop, e os botões em baixo dos posts (de compartilhamento) não aparecem, e o gadget do +1 tbm não aparecem!!!

    ResponderExcluir
  9. Anonimo
    veja aqui os códigos dos botões: Barra com Botões Curtir, Google +, Retweet e Hack Leia mais

    as imagens tem que ser no formato .jpg ou .gif e não o padrão do photoshop (.psd)

    ResponderExcluir
  10. Obrigado Fabiano pela resposta, mas eu não estava perguntando do cabeçalho e sim da main-wrapper (aonde fica as postagens do blog) ...

    Abraços

    ResponderExcluir
  11. o trecho Main-Wrapper fica na pagina editar html

    ResponderExcluir
  12. Fabiano

    Eu liguei pra eles e eles resolveram meu problema. O atendimento da UolHost é ótimo.

    Esqueci de avisar, mas vou ficar sem internet por alguns dias (estou na Lan House) > mudei o endereço do meu blog de frasesperfeita.blogspot.com para Frases Versos... Eu sou seu parceiro no Frases Curtas

    ResponderExcluir
  13. Olá Fabiano, eu queria que você me ajudasse numa coisa:
    Como posso personalizar a barra de rolagem do blog como a imagem a seguir?
    http://img29.imageshack.us/img29/1989/gifrolagem.gif

    ResponderExcluir
  14. Carlos Eduardo
    acho que não tem como fazer uma barra de rolagem assim.

    já testei uns tutoriais sobre trocar as cores da barra de rolagem mas não funcionaram bem no blogger

    ResponderExcluir
  15. Carlos e Fabiano,
    Eu fiz em um blog e deu certo, mas só aparece no navegador Google Chrome, até o próprio Google está usando isso nos sites Perfil do Blogger, Google+ etc.

    ResponderExcluir
  16. tente clicar f5 para atualizar a pagina.

    quando testei também não apareceu na primeira vez

    ResponderExcluir
  17. é, eu salvei como png as imagens e o template já tá pronto, mais é que debaixo dos posts onde deveria ter tweet this, share on facebook, fica um espaço em branco, e se clicar ai aparece pra blogar o post.

    ResponderExcluir
  18. Anonimo os botões só aparecem se clicar neles antes?

    deve ter algum erro o template mas não sei dizer onde é seria necessário testar.

    tente usar o inspecionar elemento do firefox para tentar achar os códigos.

    você que modificou o template? se foi vale a pena tentar corrigir, mas se já achou pronto em algum site acho melhor trocar por outro.

    ResponderExcluir
  19. Olha pra falar a verdade eu não gostei deste google mais...será que tem como eu deixar meu blog... sem este google mais;;; não queria compartilhar meu blog com o google mais... alguem pode me ajudar... meu email é ro.fribeiro@live.com

    obrigado!!

    ResponderExcluir
  20. Rosana acho que mesmo que não goste dessa rede social do google deveria compartilhar suas postagens nela e participar pelo menos um pouco para ajudar na divulgação do seu blog.

    ResponderExcluir
  21. Olá!
    Apesar de ter colocado estes dois botões no blog, não estou conseguindo mais compartilhar postagens no google+. Só aparece a imagem do meu perfil e o link. Você saberia me dizer o que está errado?
    UM ABRAÇO!
    ZÈLIA DANTAS

    ResponderExcluir
    Respostas
    1. o normal é compartilhar a pagina atual onde está o botão.

      mas quando for pegar o código ou adicionar o botão veja se é o botão compartilhar ou seguir o seu perfil

      Excluir
    2. Obrigada pela gentileza em me responder. O problema é que não estou conseguindo diferenciar o código de cada um. Você poderia me ajudar também com isto?
      Um abraço,
      Zélia Dantas

      Excluir
  22. a pagina para gerar o botão +1 é essa:
    https://developers.google.com/+/web/+1button/

    ResponderExcluir