Como colocar os botões de compartilhamento com o AddToAny Share. [Com o WhatsApp incluso!!!]

Redes sociais são grandes fontes de tráfego para blogs, quando os leitores do blog resolvem compartilhar seus artigos com certeza seu blog terá bons resultados nas estatísticas.

Pensando nisso, pode ser interessante inserir no seu blog, botões para compartilhar o artigo nas redes.

Mas e o WhatsApp? Não seria legal ter um botão que facilita a vida dos seus leitores ao compartilhar conteúdo através do WhatsApp?

O AddToAny permite tudo isso e a instalação é fácil e rápida.

Então vamos ao tutorial:

Caso você se interesse em saber mais sobre dicas e tutoriais para blogs acesse nossa página Tutorial Blogs e encontre tudo o que você precisa para o seu blog bombar...

#01  Para começar acesse o site do AddToAny e clique em Get the Share Buttons.

#02  Escolha a plataforma, neste caso vamos de Blogger.

#03  Neste momento você terá duas opções, ou instala o modelo padrão do AddToAny, ou personaliza o código para alterar as redes sociais que aparecerão na sua barra.

     ➘  Clicando em Install Blogger Widget você será direcionado (caso esteja logado) para uma tela onde irá selecionar um blog, depois basta clicar em Adicionar Widget e pronto.

     ➘  Caso você prefira clicar em Edit Buttons HTML uma caixa com o código a seguir, ele irá aparecer para você personalizar a sua barra de botões.

<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
    <a class="a2a_button_facebook" href="https://www.blogger.com/null"></a>
    <a class="a2a_button_twitter" href="https://www.blogger.com/null"></a>
    <a class="a2a_button_google_plus" href="https://www.blogger.com/null"></a>
    <a class="a2a_button_pinterest" href="https://www.blogger.com/null"></a>
    <a class="a2a_dd" href="http://www.addtoany.com/share_save"></a>
</div>

Caso você queira alterar alguns dos botões basta trocar no nome dele no trecho _button_nome". Por exemplo, para trocar o Pinterest pelo WhatsApp altere:

<a class="a2a_button_pinterest" href="https://www.blogger.com/null"></a>

Por este outro código:

<a class="a2a_button_whatsapp" href="https://www.blogger.com/null"></a>

É possível inserir o gadget diretamente dentro do HTML, este outro método pode ser necessário para aqueles que não conseguiram um bom resultado com o método anterior, então é o seguinte:

Acesse a página Modelo e clique no botão Editar HTML, no código do seu blog procure por: <data:post.body/>

Logo abaixo desta linha cole o código asseguir:

<!-- AddToAny BEGIN -->
<br/><a class='a2a_dd' href='http://www.addtoany.com/share_save'><img alt='Share/Bookmark' border='0' src='//static.addtoany.com/buttons/share_save_171_16.png' width='171' height='16'/></a><p class='a2a_linkname_escape' style='display:none'><data:post.title/></p><script type='text/javascript'>var a2a_config = a2a_config || {};a2a_config.linkname_escape=1;a2a_config.linkurl="<data:post.url/>";</script><script src='//static.addtoany.com/menu/page.js' type='text/javascript'></script>
<!-- AddToAny END -->

Simples né? Falando em compartilhamento que tal inserir o sistema de comentários do Facebook no seu blog, show de bola certo? Clique aqui e veja o tutorial que preparei para você acrescentar mais este recurso.

Agora os seus leitores irão compartilhar o seu conteúdo fácil fácil.

Caso tenha gostado compartilhe, comente, faça um sinal de fumaça enfim se expresse de alguma forma, obrigado e até a próxima.