Adicionando botões de compartilhamento AddThis

Compartilhar:
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, FacebookTwitter 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'/> 
Informação: o código acima faz referência ao rodapé das postagens. Você pode adicionar os botões no local que preferir desde que tenha o básico de HTML.
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 == &quot;item&quot;'><!-- 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.
► Postagens Relacionadas:

11 Comentários

Anderson dos Santos disse...

E como faz para retirar?

5 de junho de 2012 00:35
João Almeida disse...

Basta desfazer todas as ações feitas a partir do passo 5.

5 de junho de 2012 16:51
Thalita Miranda disse...

Nao consigo encontrar o codigo no meu blog! Vc tem alguma ideia do pq??? Obrigada!

8 de junho de 2012 17:14
João Almeida disse...

Retire o > do final do código e tente novamente! :D

8 de junho de 2012 18:12
Perry Mason disse...

Deu certo nao meu template não contem a opção "
" ele vai so ate "

28 de julho de 2012 01:10
João Almeida disse...

Mas creio que tem sim, muitas vezes tem que se retirar uma parte do código. Tente procurar por:
<div class=" post-footer-line post - footer - line- 3

30 de julho de 2012 23:36
Erneston_Gf disse...

O Meu deu beleza... Obrigado passa la:
http://www.gabriellefotografias.com/

2 de setembro de 2012 19:13
Ernandes RS disse...

deu certinho, e foi fácil pois o site adicionou automaticamente, muito fácil, gostei.
Meu blog: http://adoidadosdanet.blogspot.com/

18 de setembro de 2012 21:35
Laura Brandão disse...

Parabéns, Ótimo post!!

27 de outubro de 2012 14:12
João Almeida disse...

Obrigado Laura!

27 de outubro de 2012 14:20
matheus disse...

Valew mesmo cara, ótimo post!!

8 de novembro de 2012 20:46

Postar um comentário