Dominio: mundoblogger.com.br
Chave: 6750f38d68212cb9ffc85aee2a0ef61d0ebf4f04
Hora do cache: 1508711548
Vida do cache: 1508754748
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Hospedagem - 728 x 90

Acessórios Redes Sociais

Adicionar Botão +1 do Google no Blog

Você já deve ter notado que o google este mês lançou o botão +1 que permite o compartilhamento do seu conteúdo.
Este botão é integrado ao sistema de busca do google e ajuda a aumentar a popularidade do seu blog.

Veremos como instalar este botão.

Se você já utiliza o Botões de Compartilhamento do Blogger, não será necessário fazer alteração alguma, pois o botão +1 do google já foi adicionado automaticamente pelo próprio Blogger.
Porém, caso você queira incluir o Botão +1 do Google, sem a necessidade de ter que inclui-lo juntamente com o botão de compartilhamento do Blogger, você terá que fazer a inclusão do código separadamente e manualmente, no seu template.

Segurança nunca é demais, portanto, recomendo que faça um Backup do seu template antes de prosseguir para evitar transtornos.

1º Passo:
1. Acesse a página webmaster do google, clicando aqui.

2. Escolha o modelo do botão que mais lhe agrada e Selecione o idioma.

(Veja imagem abaixo)
3. Copie o código javascript , que é o 1º código gerado que aparece na caixinha, conforme demonstra a imagem abaixo:

Vá no menu “Modelo“, clique em “editar HTML“, não precisa clicar em “expandir modelos de widgets” e procure pela tag </head>
e cole o código que você copiou, ANTES dela e Salve as modificações.

O código gerado é este:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
 {lang: 'pt-BR'}
</script>

2º Passo:
Agora que você instalou o código js no seu template, para que o botão apareça no seu template, você deverá incluir a linha de código html no local onde você deseja que o botão apareça.
Escolha o local onde você quer instalar o botão, se abaixo do título da postagem(post-header-line-1), ou na linha do rodapé (post-footer), veja neste post as opções de locais para você escolher: Escolhendo o local para instalar elementos na área dos artigos.

Agora que você já escolheu o local,entre na edição HTML do seu template, clique em “Expandir modelos de widgets” e cole o 2º código gerado pelo webmaster.

O código gerado é este:

<g:plusone></g:plusone>

Exemplificando: se você quiser que o botão apareça na linha abaixo do titulo do post, você deverá procurar a tag: div class=’post-header-line-1 e colar o 2º código logo ABAIXO desta tag.

Dica:
Se você quiser que o botão instalado apareça apenas na Página Interna (área do seu artigo), você deverá acrescentar uma condicional.

Veja como fica:

<b:if cond="data:blog.pageType == "item"">
<---código do botão aqui--->
</b:if>

Assistam a este vídeo para saber mais sobre o botão +1 do Google:
(Clique na imagem)

Bom, é isso ai!
Sei que ando meia “sumidinha”, mas depois de uma “longa férias” do blog, afinal todo mundo merece “repousar os neurônios”, pretendo voltar a ativa, dentro do meu tempo disponível, é claro.
Esse tempo afastada deu para refletir sobre a necessidade de algumas mudanças por aqui, portanto aproveito para informar que em breve teremos diversas mudanças e novidades, aguardem 😉
Até lá pessoal!



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

29 Comentários

  1. coloquei mas não redireciona ao post referente e sim só divulga a url do blog todo … o que faço????

  2. Dani disse:

    Olá!

    Gostaria de uma ajudinha como eu alinho o Curti/Share/G+/Comentarios
    numas mesma linha…
    u.u” alguém me ajuda?

    ATT.
    Dani

  3. Ivan disse:

    Muito boa a dica mas no meu não dá :(,já tentei de várias maneiras mas não vai de geito algum.

  4. .:: Clau ::. disse:

    Michel
    Procura o tutorial sobre: "efeito shadowbox em videos e imagens".

  5. Michel Leopoldo disse:

    Clau!
    Como é que faz pra colocar aquela janela que abre assim que a gnt clica na imagem pra ver o vídeo no tutorial acima?
    Grato!

  6. .:: Clau ::. disse:

    Potter
    Se vc deixar o botão na página inicial, ele vai enviar sempre a url da página inicial mesmo…eu aconselho que deixe o botão aparecendo somente nas páginas internas.

  7. Potter disse:

    Por favor me ajude!
    Coloquei o botão do google +1, assim como o do Twitter e Facebook nos posts. Eles aparecem tanto nas páginas externas como internas de cada post. Até ai era isso mesmo que eu queria, só que quando o usuaria usa um desses botões na página externa, o link da url que eh divulgado eh o da página principal e não do do post em si. O que eu faço?? Quero manter esses botões tanto interna como externamente dos posts, mas que eles compartilhem a url interna! Como faço isso??
    Desde já agradeço!

  8. Junior Paxx disse:

    Muito Bom Fiz No Meu blog e deu certinho valew muito obrigado

  9. .:: Clau ::. disse:

    Gisele
    Vc tem que acrescentar uma condicional para que o botão apareça somente nas páginas internas. Dá uma relida no tutorial, onde está "Dica" tem a condicional.

  10. Gisele Santos @giselesantos_ disse:

    o tutorial tá ótimo, mas eu já instalei e não redireciona ao post referente e sim só divulga a url do blog todo … no botão curtir do facebook é referente a cada post … você sabe qual é o código certo para que cada google+ seja para cada post?

  11. Jerome Lopez disse:

    deu muito certo, muito obrigado!!

  12. Carolina Messias disse:

    Esse blog é tudo de bom!!!!!! Obrigada!!!!!!!!!!!!!!!!!

    bjus

    http://www.sacoladamoda.blogspot.com

  13. Pastor e Seminarista Carlos Leão disse:

    Obrigado pelo seu retorno.

  14. .:: Clau ::. disse:

    Max, Amanda, Ely
    Obrigada pelos comentários..valeu mesmo 😉

    Lay Costa
    A imagem é do proprio google, se há como altera-la, não sei te informar.

    Pastor Carlos
    A vantagem deste recurso é que pode ajudar a aumentar a popularidade do seu blog.
    Sobre o tutorial que vc perguntou, procure no meu menu "tutoriais para blogger" pelo artigo: Efeito shadowbox

  15. .:: Clau ::. disse:

    iDani
    Conforme eu citei no meu comentário anterior, eu pretendo voltar a ativa aos poucos, e estou me empenhando para terminar o template que vou usar na oficina mundo blogger…se tudo der certo,pretendo colocar esse projeto no ar no mês de julho.

  16. Pastor e Seminarista Carlos Leão disse:

    Uma pergunta:
    O que muda para nós usuários fazer esta alteração?
    Uma sugestão:
    Poderia fazer um post ensinando como se abre a tela com vídeo (Clique na imagem)como você fez neste post.
    Obrigado.

  17. Ely Done disse:

    nuss ainda bem Clau

    tava com saudades de vc ^^
    queria ver um post, novo e esse ficou legal 😀

    espero que continue mais um tempo postando

    bjus

  18. jonas disse:

    OBRIGADOOOOOOOOOOO VC E SHOW….^^ TUTORIAL ESTA NOTA 10

  19. Lay costa disse:

    Olá, Clau, q bom q voltou à ativa!! tem como mudar a imagem deste ícone por outra?

  20. Amanda disse:

    Clau parabéns o seu blog é sensacional!
    Se eu aprendi alguma coisa foi através dele, descanse o qto vc precisar, mas fiquei muito feliz com a sua volta. Ainda tem muita coisa boa por aqui no índice que vasculho quase todos os dias, como já disseram no comentário acima!
    bjs

  21. Max Martins disse:

    Oi, Clau

    Estava com saudades dos seus posts.
    Acho que todo blogueiro chega a um momento em que precisa parar um pouco. A reflexão é algo que faz bem.
    Espero que tenha resolvido os seus problemas e que volte com força total.
    Qualquer coisa, é só chamar.

    Forte abraço!

  22. iDani disse:

    Clau, gostaria de saber quando ira lançar a oficina Mundo Blogger?

    Responda sou seu fã!

  23. .:: Clau ::. disse:

    Das
    Saudades de vc tb querida…que bom vc por aqui *_*

    DGomez
    Muito obrigada, não só pela visita, como pelo comentário, mas tb pela força! :)
    Valeu gente 😉

  24. DGomez disse:

    Olá Clau! Gosto muito do seu blog, estou sempre acompanhando.

    E realmente ficou parado, mas isso não me impediu de ver os conteúdos antigos também!

  25. ?a? disse:

    Oi, Clau!
    Que bom que você voltou!
    Estava com saudades!
    Fique bem, querida!
    Um super beijo!
    Dani

  26. .:: Clau ::. disse:

    Iago
    Sim , é verdade. Eu passei por uns problemas pessoais e de saúde..mas aos poucos estou voltando a ativa.Vou ter que me "re-atualizar" um pouco,mas não deixarei vcs na mão. Agradeço de coração pela preocupação. Muito obrigada viu?;)

    Felipe
    Obrigada! :)

  27. Iago Melanias disse:

    Acho que seu blog demorou um pouco para publicar sobre este botão, poderia nos contar por favor o que houve com você? Estava preocupado com o que aconteceu, seu blog ficou parado por mais de dois meses.

  28. Felipe disse:

    cara muito legal voce voltou a fazer post, estavo esperando a algum tempo

Desculpe, os comentários deste artigo estão desativados.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.