Colocar Botões de Compartilhamento nas Imagens

Vamos mostrar como inserir os botões de compartilhamento nas imagens do seu blog, isto servirá como mais uma opção para seus visitantes enviarem seus posts para o Facebook, Twitter e outras redes sociais, afinal uma das melhores formas de divulgação do seu blog é através do compartilhamento feito pelos visitantes porque isso tem um alcance de milhares de pessoas.


Esse código dos botões de compartilhamento que vamos falar hoje é feito pelo addthis. O código se divide em duas partes, primeiro vamos colocar o javascript dos botões entre na pagina layout adicionar gadget > html/javascript e cole esse código:

 

Sugerimos que faça seu cadastro no Addthis assim poderá trocar o trecho xa-5134a2bc0844284c pela sua identificação no site e assim você poderá acompanhar as estatísticas do botão de compartilhamento para saber quantas pessoas enviaram seus posts e para quais redes sociais.

Depois disso você precisa editar o código das imagens que vai colocar os botões, veja o exemplo de como fica o código da imagem com botão de compartilhamento:



Você pode editar algumas partes do código mas o principal é colocar o trecho class='addthis_shareable' isso que faz os botões aparecerem sobre as imagens. Os outros trechos:

addthis:url='https://www.dicasparablogs.com.br/p/lista-de-tutoriais-com-dicas-e-ajuda.html' addthis:title='Dicas e Ajuda para Blogueiros'

São opcionais e você deve editar com o endereço e titulo que deseja, porém em alguns testes que fizemos sem colocar esse trecho o código funcionou bem pegando o endereço e titulo da pagina automaticamente.