Como Usar Os Botões Sharethis no Blogger

Os botões Sharethis é hoje uma das melhores opções de botões sociais para se usar em qualquer blog, são muito completos e possuem uma infinidade de botões de várias redes sociais para você colocar em seu blog, em geral a sharethis sempre está de olho nas novidades, eu costumava usar os botões Addthis mas troquei pois o Sharethis é mais atual e atualizado, veja abaixo como colocar os botões Sharethis em seu blog.

share this 1
Acesse http://sharethis.com/ e faça seu cadastro, é só Clicar em Register como mostrado na imagem acima no canto superior direito.
share this 2
Click em Get The Button como indicado pela seta na imagem acima.
share this 3
Escolha o formato dos botões que você irá usar, sugiro a versão do meio como indicado na imagem, pois é o modelo do qual estou falando nesse tutorial.
share this 4
Selecione todos os outros botões adicionais como mostrado no formulário na imagem, só não selecione No Counters, pois se selecionar os esta função os botões não apresentarão os contadores.
share this 5 
Para finalizar a parte de criação dos botões click em Get the Button e os códigos serão gerados.
share this 6
Como pode ver os botões sharethis apresentam dois trechos de códigos separados o que pode parecer confuso, mas não é.
Acesse o site Editpad.org que é um editor de textos online e copie os dois trechos de código como mostrado na imagem abaixo.
Editpad.org
Após colocar os códigos no editor acesse o panel de seu blog e click em Design —> Editar HTML e marque a caixinha Expandir modelos de widgets, click em F3 para ajudar na procura pelo trecho de código.
Para Colocar os botões Abaixo do Título das Postagens:
Esta opção exibirá os botões logo abaixo do título, antes do início do conteúdo das postagens.
No painel do seu blog click em "Design" >> "Editar html" >> e marque a opção "expandir modelos de widgtes".
Procure por este trecho:
<div class='post-body entry-content'>
Copie o código abaixo já com os códigos dos botões inseridos e coloque acima do primeiro trecho.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='center'><br/>
<--- Cole aqui o Código --->
</div>
</b:if>

Para colocar os Códigos no Fim das Postagens:
Esta opção exibirá os botões logo abaixo das postagens, antes do rodaé de cada postagem.
No painel do seu blog click em "Design" >> "Editar html" >> e marque a opção "expandir modelos de widgtes".
Procure por este trecho:
<div class='post-footer'>
Copie o código abaixo já com o código convertido e coloque acima do primeiro trecho, caso queira que os botões apareça no rodapé das postagens é só colocar os códigos abaixo do trecho de código acima. 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='center'><br/>
<--- Cole aqui o Código --->
</div>
</b:if>
Click em visualizar e se ocorreu tudo certinho  salve e veja se ficou tudo de acordo com o que você queria e até a próxima.

Escrito Por:

0 comentários: