Arquivos do Website:

Botões personalizados do AddThis para compartilhar posts nas redes sociais

Adicione gratuitamente um gadget AddThis no seu blog ou website, para os usuários poderem compartilhar os artigos da sua página em diversas redes sociais. Resolvi personalizar este gadget do AddThis, para esconder os botões das redes sociais; deste modo, os botões só aparecerão quando o usuário pousar o cursor do mouse sobre a imagem!


Você pode personalizar este gadget com outras imagens de sua escolha. Para colocar outra imagem será necessário hospedar a imagem num servidor, copiar o link da imagem e, adicionar no gadget -  poderá hospedar a imagem no seu próprio blog ou website.

Escolha um dos códigos correspondente à imagem que você deseja, copie e, adicione no seu blog ou website (links das imagens).



<!-- AddThis Button BEGIN -->

<div style='float:left'> 

<a class='addthis_button' href='http://www.addthis.com/bookmark.php?v=300'><img border='0' src='http://1.bp.blogspot.com/-PVvpzqXMZCk/VNqUnKgZOAI/AAAAAAAAO3g/wGU_8nwmdQ4/s1600/compartilhar.png'/></a>

<script src='//s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/>

</div><div style='clear:both'/>

<!-- AddThis Button END -->




<!-- AddThis Button BEGIN -->

<div style='float:left'> 

<a class='addthis_button' href='http://www.addthis.com/bookmark.php?v=300'><img border='0' src='http://1.bp.blogspot.com/-6EvhE0bsPeM/VNqUpJI3RbI/AAAAAAAAO3o/zeOMSd3r3z8/s1600/compartilhe.png'/></a>

<script src='//s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/>

</div><div style='clear:both'/>

<!-- AddThis Button END -->



<!-- AddThis Button BEGIN -->

<div style='float:left'> 

<a class='addthis_button' href='http://www.addthis.com/bookmark.php?v=300'><img border='0' src='http://3.bp.blogspot.com/-J7c15MWw2ME/VNqUrN9Db0I/AAAAAAAAO3w/3mERpkhwqvk/s1600/share%2Bthis.png'/></a>

<script src='//s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/>

</div><div style='clear:both'/>

<!-- AddThis Button END -->


A imagem abaixo serve para testes - faça um teste, agora mesmo!


Você pode adicionar o botão num elemento de página ou no código fonte do seu blog/site. Caso você desejar adicionar no final dos artigos do Blogger, coloque o código do botão, logo acima de "<div class='post-footer'>" (na maioria dos templates do Blogger, há duas linhas iguais a esta; nesse caso, adicione o código, logo acima da segunda linha).