Para adicionar botões das redes sociais na vertical no seu blog de forma simples e descomplicada,basta você fazer:
1- login na sua conta do blog
2- Ir até Design
3- Adicionar Gadget
4- HTMLjavascript
E coloque o seguinte código:
<div style="background-color:#FFFFFF; border-right:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; right: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>
Salvar
E você já terá alguns botões no lado direito do seu blog.
Isso é tudo?Se para você assim já está legal tudo bem,porém se deseja modificar algo mais aqui vão as dicas de uma maneira simples e objetiva:No final do post mostrarei como adicionar os botões do FEED e o botão +1 do google
a)Se desejar tirar o marcador apague este trecho
<div class="addthis_style">
<a class="addthis_counter addthis_bubble_style"></a></div>
b)Se desejar colocar do lado esquerdoda página troque right por left
c)Se desejar adicionar mais botões faça o seguinte ,observe estas linhas do seu código
<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>
Adicone mais linhas assim:
<a class="addthis_button_preferred_5"></a>
<a class="addthis_button_preferred_6"></a>
E assim por diante, que aparecerão novos botões como o de adicionar a favoritos,impressora,etc,adicione quantas linhas quiser.
Também você retirar algumas destas linhas,não é necessário deixar uma sequencia lógica tipo 1,2,3,4,, pode deixar como quiser tipo 2,4,5,8,3 ,Aqui a ordem dos fatores não altera o produto.
Tem mais?
Tem sim,você pode personalizar as cores e o tamanho dos ícones.Como?
-32x32 é o tamanho dos ícones,deixe do tamanho desejado
-No código existe a cor :#FFFFFF que é branco e #000000 que é preto,você pode modificar de acrdo com as cores do seu blog,poderá ir até design-designer do modelo-avançado-planos de fundo e copiar o código da cor do seu blog
-Também você pode substituir estas cores por transparent que é o caso aqui do SupraDicas.
Você ainda poderá aumentar o tamanho das bordas ao invés de 1px como no código, pode colocar 2 ou mais.
Terminou? Não
Mencionei de como adiconar o botão +1 do Google,para adicioná-lo acrescente a seguintelinha:
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
Medium é o tamanho do ícone,acrescente entre às linhas que contém os números seja 1,2 3, ou 4 ,ou antes dessa linha
a class="addthis_button_preferred_1"></a>
E o botão do Feed?
Para adicioná-lo acrescente a seguinte linha:
<a href="http://feedburner.google.com/fb/a/mailverify?uri=SupraDicasBlog&loc=pt_BR"><img border="0" src=" http://i45.tinypic.com/dmy5af.jpg " /></a>
Aqui substitua o nome do blog que deixei em vermelho conforme seu FEED e poderá ainda modificar a imagem caso queira.
A minha ficou como podem ver no blog
