Botões de compartilhar posts que aparecem sobre as imagens do blog

Tempos atrás eu mostrei aqui no blog como colocar o ícone de salvar no Pinterest sobre as imagens do blog, automaticamente.
Funciona que é uma beleza, mas e se, ao invés de colocar apenas o botão Salvar do Pinterest a gente conseguisse também colocar os botões de compartilhar no Facebook, no Twitter e no Linkedin? Seria legal, né?
Seria não, é muito legal! Olha a demonstração (passe o mouse sobre a imagem para ver os botões):

Demonstração do tutorial

Quer aprender?
Vem comigo!
Comece acessando a página com o código que vamos usar:


Copiar o código

A seguir acesse o painel de seu blog e clique em Tema.
Aí clique em Editar HTML e dentro da caixa com o código-fonte do seu blog tecle Ctrl+F.
Na barra de busca que expandir digite:
<b:section-contents id='sidebar-right-1'>
E tecle Enter para localizar.
Abaixo dessa linha cole o código que pedi para copiar.
Salve.
Está pronto.
Sim, sério, só isso!

Ah, caso sua sidebar esteja localizada à esquerda procure por <b:section-contents id='sidebar-left-1'> e cole o código abaixo da linha.
Após salvar vá em Layout, atualize a página e observe que o elemento foi adicionado no topo da sidebar.
Arraste-o para onde desejar caso prefira e salve de novo.
Digo isso porque você pode não querer que esse seja o primeiro elemento da sidebar, mas é só preciosismo mesmo pois não influi em nada a posição onde o elemento ficará.

Os botões só aparecerão nas páginas internas dos posts. Na página inicial eles não funcionam corretamente por isso decidi inserir a condicional que os exibe só nas páginas internas.

Observação: os créditos do criador do plugin estão no código, não altere e nem remova, ok?

Para finalizar:
Quer aprender como deixar um tema em estilo grid ou baixar gratuitamente o Tema Amora?
Clique aqui e veja como baixar e usar em seu blog!
Enjoy!