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.

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?

Postagens mais Comentadas Receba Dicas por E-mail Recomendações dos Leitores

Link desta Pagina

21Comentários:

Marcos Vinicius disse...: Como você fica sabendo desses novos lançamentos?; 27 de abril de 2012 18:23
Fabiano Roberto disse...: 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); 27 de abril de 2012 18:49
Marcos Vinicius disse...: 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; 27 de abril de 2012 21:59
Fabiano Roberto disse...: de segunda-feira até hoje acho que já era para estar liberado para configuração; 28 de abril de 2012 00:31
DTC marcas disse...: 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 ...; 28 de abril de 2012 12:29
Fabiano Roberto disse...: 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.; 28 de abril de 2012 13:31
DTC marcas disse...: 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 ...; 28 de abril de 2012 13:51
Anônimo disse...: 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!!!; 28 de abril de 2012 15:38
Fabiano Roberto disse...: 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); 29 de abril de 2012 01:09
Fabiano Roberto disse...: DTC marcas veja aqui:Dividir Cabeçalho do Blogger em Dois – Design do Modelo; 29 de abril de 2012 01:20
DTC marcas disse...: 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; 29 de abril de 2012 08:56
Fabiano Roberto disse...: o trecho Main-Wrapper fica na pagina editar html; 29 de abril de 2012 14:27
Marcos Vinicius disse...: 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; 29 de abril de 2012 15:54
Carlos Eduardo disse...: 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; 29 de abril de 2012 23:36
Fabiano Roberto disse...: 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; 29 de abril de 2012 23:43
Rosiel T.S. disse...: 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.; 30 de abril de 2012 01:59
Fabiano Roberto disse...: tente clicar f5 para atualizar a pagina.

quando testei também não apareceu na primeira vez; 30 de abril de 2012 15:17
Anônimo disse...: é, 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.; 1 de maio de 2012 12:17
Fabiano Roberto disse...: 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.; 1 de maio de 2012 14:27
rosana delova disse...: 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!!; 21 de janeiro de 2013 15:05
Fabiano Roberto disse...: 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.; 21 de janeiro de 2013 15:31

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

21Comentários:

Postar um comentário

Tutoriais Úteis para Blogs