Olá queridos leitores do categoria Blogger! Hoje iremos aprender à como colocar os botões de compartilhamento AddThis. Em um processo simples e muito fácil, você tem os botões mais utilizados do mundo em seu blog. Vamos ao tutorial?
1. Acesse a página inicial do AddThis clicando aqui.
2. Depois que a página for carregada, você verá uma página completa de informações sobre o AddThis. Cloque no botão Free! Get Started no rodapé da página..
3. Após clicar em Free! Get starter, você será redirecionado a uma página onde conterá as configurações e os estilos do botão. Antes de copiá-los, é recomendável você fazer um login ou se cadastrar. Você pode fazer o login com sua conta do Google, Facebook, Twitter ou OpenID. Clique no botão Sign in ou Create Account.
4. Aparecerá várias opções, na lateral, encontra-se as plataformas e o estilo. Escolha a opção Website¹, depois se preferir, escolha novamente o estilo e copie o código fornecido². Veja a ilustração abaixo.
Clique na imagem para ampliar |
5. Acesse o painel do Blogger e clique na guia Modelo. Clique em Editar HTML e marque a opção Expandir modelos de widgets. Pressione Ctrl+F para abrir o Localizador do navegador e procure pelo código abaixo.
<div class='post-footer-line post-footer-line-3'/>
6. Depois de encontrar o código desejado ou o código acima, cole o código fornecido abaixo do mesmo.
7. Clique em Visualizar e se estiver tudo correto, clique em Salvar modelo.
8. Caso você queira que os botões fiquem ocultos na página inicial, cole os códigos destacados a seguir.
<b:if cond='data:blog.pageType == "item"'><!-- AddThis Button BEGIN -->
<!--------------------Código AddThis Adquirido---------------------------!>
<!-- AddThis Button END -->
</b:if></div>
Pronto, seus botões estão adicionados e prontos para uso. Boa sorte e até mais.
11 Comentários
E como faz para retirar?
5 de junho de 2012 às 00:35Basta desfazer todas as ações feitas a partir do passo 5.
5 de junho de 2012 às 16:51Nao consigo encontrar o codigo no meu blog! Vc tem alguma ideia do pq??? Obrigada!
8 de junho de 2012 às 17:14Retire o > do final do código e tente novamente! :D
8 de junho de 2012 às 18:12Deu certo nao meu template não contem a opção "
28 de julho de 2012 às 01:10" ele vai so ate "
Mas creio que tem sim, muitas vezes tem que se retirar uma parte do código. Tente procurar por:
30 de julho de 2012 às 23:36<div class=" post-footer-line post - footer - line- 3
O Meu deu beleza... Obrigado passa la:
2 de setembro de 2012 às 19:13http://www.gabriellefotografias.com/
deu certinho, e foi fácil pois o site adicionou automaticamente, muito fácil, gostei.
18 de setembro de 2012 às 21:35Meu blog: http://adoidadosdanet.blogspot.com/
Parabéns, Ótimo post!!
27 de outubro de 2012 às 14:12Obrigado Laura!
27 de outubro de 2012 às 14:20Valew mesmo cara, ótimo post!!
8 de novembro de 2012 às 20:46Postar um comentário