Botões das Redes Sociais na Vertical

Botões das Redes Sociais na Vertical - Compartilhar Posts

Atendendo ao pedido feito em um comentário deste blog fizemos o tutorial mostrando como colocar botões das redes sociais fixos no canto da pagina, mas surgiu outro assunto interessante nos comentários deste tutorial: como fazer os botões do addthis ficarem um embaixo do outro em vez de ficar na horizontal.

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">

Gostou ??? comente em nosso post, SEJA MEMBRO DO CONEXAO ALENCAR...