Opções e Formatos do Botão Google +1

Já faz alguns meses que o Google lançou seu botão +1 para recomendar sites utilizando como base a sua própria rede social Google Plus, mas recentemente encontramos uma nova opção para utilizar o botão Google+1 no blog. Ou melhor, dizendo em vez demonstrar o numero de cliques no botão +1 dentro de um balão você pode mostrar em formato de texto: você e 200 outras pessoas marcaram isso com o +1. Claro que o numero 200 é apenas um exemplo.
botão google +1 no Blogger

Nós já mostramos anteriormente como colocar botão +1 do Google no blog então não vamos repetir isso nesta postagem, mas você poderá ver no link anterior e também como pegar e colocar o botão do Google mais no seu blog.

Se já tem o botão +1 na sua pagina apenas adicione o trecho annotation="inline" no código do botão deste jeito:
<g:plusone annotation="inline"></g:plusone>

Porém se quiser mostrar apenas o botão sem contador de indicações ao Google, altere desta maneira:

<g:plusone annotation="none"></g:plusone>
opções do botão +1 do Google

Para completar o assunto botões de compartilhamento e maneiras de divulgar seu blog, nós sugerimos que leiam também:

Personalizar Gadget Seguidores do Blog: Contador em Forma de Texto
Botões das Redes Sociais na Vertical - Compartilhar Posts
5 Dicas para Ajudar na Divulgação de Blogs
7 opções de botões para divulgar blog e conseguir visitas das redes sociais

A razão de falarmos dessas pequenas alterações é que elas são simples de fazer e podem servir para chamar atenção dos seus visitantes para esse botão e assim conseguir mais recomendações de suas paginas ou então ajuda a escolher qual tipo de botão combina melhor com o seu template. Afinal com tanta competição na internet os detalhes podem fazer toda a diferença.

21 comentários :

  1. Fabiano, no meu blog, queria botar uma linha que separa-se as postagens, só está a linha separando de 2 em 2 postagens, meu blog é http://mecaoeminhavida.blogspot.com/ queria que ficasse a linha separando os posts tipo esse aqui: http://vermelhodepaixao.com.br/

    ResponderExcluir
  2. @João Raphael Nunes a separação fica diferente devido ao dia da postagem.

    se publicar mais de um post por dia o blogger separa de forma diferente porque mostra a data somente uma vez

    ResponderExcluir
  3. Legal, mas fica aparecendo barra horizontal de rolagem quando faz isso. Pena...

    ResponderExcluir
  4. Se eu postar 2 vezes no dia não vai aparecer a linha separatória?

    ResponderExcluir
  5. @Isaias realmente tem esse problema da largura que é justamente por causa do texto

    ResponderExcluir
  6. João Raphael Nunes
    é realmente ficará diferente quando faz mais posts por dia

    ResponderExcluir
  7. Fabiano tive meu blog bloqueado depois de inserir uma codigo para uma Menu Jump publicado aqui no dicas para blog, vc sabe me dizer se ha alguma coisa de errado nessa codificação?
    Abaixo o e-mail da equipe blogger: Olá, Seu blog em http://10gbmredencao.blogspot.com/ foi analisado e confirmado para violação dos nossos Termos de Serviço relacionados a: MALICIOUS_JAVASCRIPT. De acordo com esses termos, removemos o blog e o URL não está mais acessível. Para obter mais informações, consulte os seguintes recursos: Termos de Serviço do Blogger: http://blogger.com/terms.g Política de Conteúdo do Blogger: http://blogger.com/content.g -A Equipe do Blogger

    ResponderExcluir
  8. @10 GBM não pode ser esse código do tutorial: Modificar Menu Suspenso do Gadget Arquivo do Blogspot

    eu uso isso aqui no dicas para blogs e também no frases curtas e nunca tive problemas

    ResponderExcluir
  9. Fabiano

    Se um blog for de conteudo "+18" tem algum poblema agente não ativar aquela menssagem perguntando se as pessoas querer entrar ou não ?

    Obrigado...

    ResponderExcluir
  10. @Lucas Vinicius Bertoncelo se o seu blog tiver esse tipo de conteudo é melhor marcar isso na configuração do blogger senão pode ser punido por conteudo indevido

    ResponderExcluir
  11. @Fabiano Roberto Achei a solução pro problema da largura aqui: http://www.google.com/intl/pt-BR/webmasters/+1/button/index.html

    No meu caso específico ficou annotation="inline" width="300"

    Não sei se basta adicionar o "width" ao código que você passou, mas tá aí a dica.

    ResponderExcluir
  12. @Isaias você pode alterar esse valor para não mostra a frase completa ao lado do botão

    ResponderExcluir
  13. Mas não percebi. como é que este código faz aparecer o texto?

    ResponderExcluir
  14. o trecho annotation="inline" fazer mostrar o texto

    ResponderExcluir
  15. Ola Fabiano bom dia ! Tudo bom ?
    Téria como me dar uma forcinha ?
    Em colocar botões de compartilhações , gostei nao gostei e contador de visitas .

    O meu Blog é http://tudoprosgames.blogspot.com/

    ResponderExcluir
  16. Tudo bem Fabiano, parabens pelo site, é o melhor em tutoriais no momento. Eu estou com um problema, estou tentando colocar o GOOGLE +1 ao lado do SEJA PARCEIRO no meu MENU PRINCIPAL no meu site, sera que vc consegue me ajudar? Ate mais.
    Meu site para vc ver é o http://ClickAkiAgora.blogspot.com
    Obrigado, e ate mais...

    ResponderExcluir
  17. WWW.CLICKAKIAGORA.BLOGSPOT.COM
    acho que você já resolveu o problema entrei no seu blog e o botão está aparecendo no menu principal

    ResponderExcluir
  18. Sim fabiano, fiquei tentando ate consegui, desculpa se fiz vc perde tempo, e brigadao hem. parabens pelo site denovo, vc merece. ate mais...

    ResponderExcluir
  19. Boa noite amigo, olha eu de novo aqui kkkk, é que eu mechendo no meu blog, reparei em mais um erro, nao sei se consigo esplicar bem, me adiciona no msn pra mim te esplicar melhor, obrigado denovo, nao sei oq seria de mim sem vc kkkk, flw cara, espero que vc me ajude, fui. Ah, se vc me ajudar, eu coloco um banner nos meus parceiros vips, mas nao é parceria, é só uma recompensa por vc me ajudar, tenho media de 1200 visitas diaris. ate mais, agora eu fui kkk, inte...

    ResponderExcluir
  20. não usamos MSN para assuntos de blogs... muita gente fala sobre isso mas seria impossivel atender a todos.

    ResponderExcluir