Tuesday, December 20, 2016
Como colocar os botões de compartilhamento com o AddToAny Share Com o WhatsApp incluso
Como colocar os botões de compartilhamento com o AddToAny Share Com o WhatsApp incluso
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">
facebook" href="https://www.blogger.com/null">
twitter" href="https://www.blogger.com/null">
<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>
<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ãoconseguiram 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:
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 -->
<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 -->
Available link for download
