Botões de compartilhar posts que aparecem sobre as imagens do blog - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

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

Publicado em 26/03/2019

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!





7 comentários

  1. Oi Elaine, tudo bem? Ótima dica, mas eu gostaria mesmo era de colocar, no final do post, os compartilhamentos assim destacados, como está no seu blog (no Espalhe este post por aí). Eu já tenho no meu os links, você colocou, mas agora eu queria mudar e dar mais destaque, como o seu, como eu faço? Tem post aqui explicando? Beijos

    ResponderExcluir
    Respostas
    1. Ana Maria, tem sim.
      Procure no marcador Botões de compartilhamento, tem algumas opções.
      bjssss

      Excluir
  2. Oi já estou ti seguindo linda 😘 e muito sucesso para você

    ResponderExcluir
  3. Estou te seguindo,bacana os seus posts.Sou blogueira também.

    ResponderExcluir
  4. Olá Elaine olha deu mal eu só fiz a pesquisa e cliquei enter não apareceu nada entretanto o proprio bloger não me deixa usar o https tenho de dizer não se não dá erro foi pesquisar no google diz que pode ser um problema de codigo HTML no corpo do blog mas eu não fiz nada mesmo, olha estou desesperada pq nem sei o que é isto, podes me ajudar um beijinho

    ResponderExcluir
  5. Elaine e agora na barra do meu url diz inseguro eu estou a dar em doida beijinhos blog http://www.blogueiraportuguesa.online/

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Deixe sua pergunta ou solicitação sempre nos comentários, eu infelizmente não tenho como responder pedidos de ajuda por email.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…