Adicionar Botão +1 do Google no Blog - Mundo Blogger
Você está em: Início 1 Acessórios 2 Redes Sociais 3 Adicionar Botão +1 do Google no Blog 4
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. Acesse a página webmaster do google, clicando aqui.
2. Escolha o modelo do botão que mais lhe agrada e Selecione o idioma.
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.
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.
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.
Se você quiser que o botão instalado apareça apenas na Página Interna (área do seu artigo), você deverá acrescentar uma condicional.
<---código do botão aqui--->
Assistam a este vídeo para saber mais sobre o botão +1 do Google:
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 😉
coloquei mas não redireciona ao post referente e sim só divulga a url do blog todo … o que faço????
13/01/2014 às 12:31
Aconteceu o mesmo comigo 🙁
06/07/2012 às 1:46
Gostaria de uma ajudinha como eu alinho o Curti/Share/G+/Comentarios
numas mesma linha…
u.u" alguém me ajuda?
Muito boa a dica mas no meu não dá :(,já tentei de várias maneiras mas não vai de geito algum.
10/10/2011 às 21:22
Procura o tutorial sobre: "efeito shadowbox em videos e imagens".
Michel Leopoldo disse:
08/10/2011 às 13:01
Como é que faz pra colocar aquela janela que abre assim que a gnt clica na imagem pra ver o vídeo no tutorial acima?
04/08/2011 às 16:27
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.
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??
Junior Paxx disse:
Muito Bom Fiz No Meu blog e deu certinho valew muito obrigado
16/07/2011 às 5:23
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.
Gisele Santos @giselesantos_ disse:
15/07/2011 às 13:32
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?
deu muito certo, muito obrigado!!
Esse blog é tudo de bom!!!!!! Obrigada!!!!!!!!!!!!!!!!!
Pastor e Seminarista Carlos Leão disse:
29/06/2011 às 22:38
28/06/2011 às 19:40
Max, Amanda, Ely
Obrigada pelos comentários..valeu mesmo 😉
A imagem é do proprio google, se há como altera-la, não sei te informar.
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
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.
28/06/2011 às 16:21
O que muda para nós usuários fazer esta alteração?
Poderia fazer um post ensinando como se abre a tela com vídeo (Clique na imagem)como você fez neste post.
Ely Done disse:
28/06/2011 às 5:25
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
28/06/2011 às 4:04
OBRIGADOOOOOOOOOOO VC E SHOW….^^ TUTORIAL ESTA NOTA 10
27/06/2011 às 22:52
Olá, Clau, q bom q voltou à ativa!! tem como mudar a imagem deste ícone por outra?
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!
27/06/2011 às 18:54
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.
iDani disse:
27/06/2011 às 17:02
Clau, gostaria de saber quando ira lançar a oficina Mundo Blogger?
Responda sou seu fã!
Saudades de vc tb querida…que bom vc por aqui *_*
Muito obrigada, não só pela visita, como pelo comentário, mas tb pela força! 🙂
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!
26/06/2011 às 17:50
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?;)
26/06/2011 às 17:14
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.