Por isso hoje vamos mostrar como colocar botões das redes sociais no seu blog na posição vertical usando o AddThis(Botão para as redes sociais - AddThis) como no outro tutorial que mencionamos no inicio, alias é mais fácil do que parecia deixar os botões um embaixo do outro no seu blog.
Você só precisa retirar o código da formatação dos botões e colocar desta forma:
<div style="background-color:#FFFFFF; border-right:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; left:0px;padding:2px"><div class="addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a></div><div class="addthis_style">
<a class="addthis_counter addthis_bubble_style"></a></div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e2088636f7cce31"></script>
</div>
Lembramos que esse código deve ser colocado pela pagina design, adicionar gadget, html/javascript e não importa a posição do gadget os botões aparecerão no canto da pagina.
Se não quiser mostrar o contador é só apagar as linhas:
<div class="addthis_style">
<a class="addthis_counter addthis_bubble_style"></a></div>
Caso queira os botões no tamanho pequeno retire o trecho _32x32 da linha: <div class="addthis_32x32_style"> , deixando desta forma: <div class="addthis_style">
Sobre blogs e redes sociais leia também:
Usar Melhor as Redes Sociais da Internet - Mídias Sociais
Botão das Redes Sociais para Wordpress, Blogger, Firefox e muito mais
Download de Icones para Redes Sociais (Twitter, Facebook, Orkut)
Queremos agradecer ao comentário feito pelo Emerson que além da idéia deste tutorial nos ajudou fazendo testes com a retirada de trechos do código do addthis e fazendo novos comentários dizendo as soluções que encontrou. Esperamos que gostem desta nova forma de usar os botões das redes sociais no seu blog.
Link desta página
122 Comentários
