Olá querido leitor do Baixe Evolluttion, no artigo anterior eu mostrei à vocês, e expliquei como funciona, a mais a mais nova ferramenta do Google, o botão +1 (mais um). Você pode vê-lo em funcionamento logo abaixo do título dos artigos e também no final de cada artigo!E como prometido, no artigo de hoje eu mostrarei como adicionar este botão em um blog do Blogger. Existe duas maneiras de adicionar este botão, e eu mostrarei as duas! Siga os passos abaixo e veja qual lhe agrada mais.
Botão padrão do Blogger
Para quem gosta de usar os recursos nativos do Blogger, o mesmo lançou um botão +1 já integrado aos botões de divulgação, veja abaixo como adicioná-los.
1. Faça login no Blogger e vá: Design > Elementos da página.
2. Na seção “Postagens no blog”, clique no link Editar, como mostra a imagem abaixo.
3. Na janela que se abrir, marque a opção: “Mostrar botões de compartilhamento”, como na imagem abaixo.
(Clique na imagem para ampliar)
4. Para finalizar, clique no botão Salvar. Agora é só ir no seu blog e verificar como ficou!
Instalação manual do botão (em qualquer lugar)
Para quem não gosta de usar os botões de compartilhamento nativos do Blogger, ou para que utiliza um template que não suporte os botões de compartilhamento do Blogger ou gostaria de adicionar o botão em algum outro lugar do template (assim como eu fiz), basta seguir os passos abaixo.
1. Faça login no Blogger e vá em: Design > Editar HTML.
2. Faça uma cópia de segurança de seu template, clicando em: Baixar modelo completo.
3. Marque a opção: Expandir modelos de widgets.
4. Pressione Ctrl+F para abrir a janela Localizar, e procure pelo código abaixo:
</head>5. Imediatamente acima deste código, cole este outro código:
<!-- Código do botão +1 (mais um) -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<!-- Fim do código do botão +1 (mais um) -->
6. Agora, eu mostrarei como adicionar este botão abaixo do título dos artigos, como eu fiz aqui no blog, mas se você tiver conhecimentos sobre o código do seu template, você pode adicionar onde quiser! Pressione Ctrl+F para abrir novamente a janela Localizar, e procure por:
<div class='post-header-line-1'>7. Imediatamente abaixo deste código, cole este outro código:
<b:if cond='data:blog.pageType == "item"'>
<div style="border:1px solid #DDD;-moz-border-radius:6px;-webkit-border-radius:6px;-goog-ms-border-radius:6px;border-radius:6px;margin:10px 0px 10px;">
<table border='0' cellpadding='5' cellspacing='0' width='100%'>
<tr>
<td style='text-align:justify;'>
Gostou deste artigo? Então clique no botão ao lado para recomendá-lo aos seus contatos do Google! Aproveite para nos <a href="link do seu facebook" target="_blank">adicionar no Facebook</a>, seguir no <a href="link do seu twitter" target="_blank">Twitter</a> e assinar nosso <a href="link do seu feed" target="_blank">Feed</a>.
</td>
<td style='text-align:right;'>
COLE O CÓDIGO DO BOTÃO MAIS UM AQUI
</td>
</tr>
</table>
</div>
</b:if>
8. Altere a frase destacada em azul para qualquer outra que você quiser, mude também a parte destacada em vermelho para o que é pedido.
Há 4 (quatro) opções de botão disponível, sendo que as 3 (três) primeiras podem mostrar ou não a contagem de cliques, veja a tabela abaixo, escolha o botão que mais lhe agrada, copie o código do mesmo e cole no lugar destacado em verde no código acima.
9. Para finalizar, clique em Visualizar e, se estiver tudo certo, clique em Salvar mdelo.
Agora, ao acessar seu blog, deverá estar aparecendo abaixo do título dos seus artigos o botão +1 (mais um) do Google, como mostrado na imagem abaixo.
(Clique na imagem para ampliar)
Se você gostou deste artigo, achou ele interessante ou ficou com dúvidas, participe deixando seu comentário, e não se esqueça de divulga-lo clicando no botões abaixo!
Créditos devidos ao: Bloggando na Web
Há 4 (quatro) opções de botão disponível, sendo que as 3 (três) primeiras podem mostrar ou não a contagem de cliques, veja a tabela abaixo, escolha o botão que mais lhe agrada, copie o código do mesmo e cole no lugar destacado em verde no código acima.
| Estilo | Demonstração | Código |
| Pequeno |  | <g:plusone size='small'/> |
| Pequeno (sem contagem) |  | <g:plusone size='small' count='false'/> |
| Médio |  | <g:plusone size='medium'/> |
| Médio (sem contagem) |  | <g:plusone size='small' count='false'/> |
| Padrão |  | <g:plusone/> |
| Padrão (sem contagem) |  | <g:plusone count='false'/> |
| Grande |  | <g:plusone size='tall'/> |
9. Para finalizar, clique em Visualizar e, se estiver tudo certo, clique em Salvar mdelo.
Agora, ao acessar seu blog, deverá estar aparecendo abaixo do título dos seus artigos o botão +1 (mais um) do Google, como mostrado na imagem abaixo.
(Clique na imagem para ampliar)
Se você gostou deste artigo, achou ele interessante ou ficou com dúvidas, participe deixando seu comentário, e não se esqueça de divulga-lo clicando no botões abaixo!
Créditos devidos ao: Bloggando na Web
Sobre o autor Kauan Silva
Um adorador de consoles, gosta de fazer tutoriais, adora o mundo dos games, e também gosta de bolo de chocolate. Contato
