Fonte: http://variasdicasparablogs.blogspot.com.br/2014/02/botoes-de-compartilhamentos-de-redes.html
Veja como colocar no seu Blog botões de compartilhamentos de redes sociais que fica em baixo do titulo da postagens.
Essa ferramenta é bem útil para o Blog, pois o leitor pode compartilhar sua postagens nas redes sociais, e ao mesmo tempo colabora coma divulgação do conteúdo...
Esses botões de compartilhamento é disponibilizados pelo site do Addthis que é totalmente grátis, vamos utilizá-los abaixo do titulo da postagem, e eles irão aparecer apenas nas páginas interna das postagens, e ficarão ocultos na página inicial, bastante legal isso e fácil de colocar no Blog.
Veja um exemplo na imagem abaixo:
1º Passo: Então, você vai acessar o Painel de edição do seu Blog, Vá em Modelo >> depois em Editar HTML
2º Passo: Agora, clique em qualquer parte do código e pressione as teclas de atalho "Ctrl+F" no seu teclado. Em seguida, busque (encontre) este pequeno trecho no HTML do blog:
<div class='post-header'>
Observação:
O template do Blog possui duas Tags igual a esta"<div class='post-header'>", o código que vamos disponibilizar terá que ser inserido na segunda Tag, pelo contrário não irá funcionar.
3º Passo: Apos encontrar o seguinte Trecho: <div class='post-header'> Logo abaixo dele você vaiacrescentar este código:
<!-- botões de compartilhamento -->
<b:if cond='data:blog.pageType == "item"'>
<hr style="align:center; background:#828282; border:0px; height:1px; width:100%;" />
<!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style "><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e644cc020c5895d"></script><!-- AddThis Button END -->
<hr style="align:center; background:#828282; border:0px; height:1px; width:100%;" />
</b:if>
<!-- fim do codigo -->
<b:if cond='data:blog.pageType == "item"'>
<hr style="align:center; background:#828282; border:0px; height:1px; width:100%;" />
<!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style "><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e644cc020c5895d"></script><!-- AddThis Button END -->
<hr style="align:center; background:#828282; border:0px; height:1px; width:100%;" />
</b:if>
<!-- fim do codigo -->
Depois de colocar o Código, clique em Visualiza Modelo para verificar se não fez nada errado, se estiver tudo certo finalize clicando em Salve o Modelo.
Observe: Se você quiser que os botões apareça no rodapé das postagens, basta você localizar esta seguinte parte "<div class='post-footer'>" e acrescentar o código abaixo da mesma e pronto.
SOCIALIZE IT →