>

sábado, 10 de setembro de 2011

Como colocar botões de rede sociais na vertical

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>


Os botões vão fica do lado esquerdo ,para por do lado direito ,

no trecho bottom :0px; left:0px;
troque left por right e ficará do lado direito

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

4 comentários:

Anônimo disse...

Muito bom seu blog, tem dicas muito uteis e bem explicadas.

Não querendo abusar de sua boa vontade, mais já abusando: gostaria de saber como faz para colocar os selos juntos, igual tem no seu blog. Estão assim por causa do templaste que você usa ou tem alguma forma? Procurei no seu blog mais não achei. Espero que possa me auxiliar.

Grato

Emerson disse...

Tem como acrescentar mais ícones nesta barra?

Angel disse...

eternagraca vou tentar te explicar ,depois posto aki no blog,bem vc vai no gadget onde estao seus selos clica em editar ,dai vc clica em Formato Rich Text dai vai aparecer a imagen do seu selo dai vc arrasta com o mouse pro lado do outro,pra deixar do mesmo tamanho vc clica nele a vai diminuindo.depois diz aki se conseguiu ta? boa sorte

Unknown disse...

Estou precisando de ajuda. Coloquei um gadget no meu blog utilizando o html do blogger e ele não ficou nada legal. Não funciona e ainda está tornando meu blog muito feio. Foi um gadget de chat do google. Como posso tirá-lo?

Postar um comentário

Se tem alguma duvida comente,se te ajudou comente,se faltou algo comente não custa nada.

Related Posts Plugin for WordPress, Blogger...