Acessórios Redes Sociais Vanessa S.
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.
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.
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!
coloquei mas não redireciona ao post referente e sim só divulga a url do blog todo … o que faço????
Aconteceu o mesmo comigo 🙁
Olá!
Gostaria de uma ajudinha como eu alinho o Curti/Share/G+/Comentarios
numas mesma linha…
u.u” alguém me ajuda?
ATT.
Dani
Muito boa a dica mas no meu não dá :(,já tentei de várias maneiras mas não vai de geito algum.
Michel
Procura o tutorial sobre: "efeito shadowbox em videos e imagens".
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!
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.
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!
Muito Bom Fiz No Meu blog e deu certinho valew muito obrigado
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.
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!!!!!!!!!!!!!!!!!
bjus
http://www.sacoladamoda.blogspot.com
Obrigado pelo seu retorno.
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
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.
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.
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
OBRIGADOOOOOOOOOOO VC E SHOW….^^ TUTORIAL ESTA NOTA 10
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!
bjs
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!
Clau, gostaria de saber quando ira lançar a oficina Mundo Blogger?
Responda sou seu fã!
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 😉
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!
Oi, Clau!
Que bom que você voltou!
Estava com saudades!
Fique bem, querida!
Um super beijo!
Dani
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! 🙂
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.
cara muito legal voce voltou a fazer post, estavo esperando a algum tempo