Links das redes sociais em forma de menu

Enviar suas postagens para as redes sociais é um bom jeito de divulgar o blog e conseguir aumentar suas visitas, a maioria dos códigos para compartilhar postagens que já vi utiliza imagens, então fizemos esse somente com links de texto de algumas redes sociais e para não ocupar espaço demais colocamos uma barra de rolagem nele.
Para colocar no seu blog entre na pagina editar HTML e coloque esse código logo depois do estilo body{...}, na linha após fechar as chaves do body:

.redes a{
padding:1px;
width: 155px;
text-decoration: none;
display: block;
background-color: #FFCC99;
color: #0000CC;
margin-right: auto;
margin-left: auto;
text-align: left;
border: 1px solid #990000;
}
.redes a:hover{
color: #000000;
background-color: #FFFF99;
border: 1px solid #6699FF;
}

Isso é apenas a formatação dos botões das redes sociais, o código acima poderia ficar em qualquer outra parte junto com os estilos CSS, mas achamos melhor colocar no inicio assim fica mais fácil localizar para futuras alterações de cores, fontes...


Salve as alterações (não adianta visualizar o blog, pois ainda não será possível ver alteração alguma), agora clique para expandir o modelo e procure por:

Isso pode variar um pouco dependendo do modelo do seu blog, então no seu blog pode não estar exatamente igual, agora cole esse código logo após o trecho acima:

diHITT
Twitter
Ocioso
Colméia
Linkto
Post Social
del.icio.us
Digg
LinkK
Rec6
Uêba
Total News
Do Melhor
Linkou
Diga Cultura
Pigg
Adicionar ao

Technorati
Google
Yahoo!
Blogmarks
Blogblogs

Clique para visualizar o blog e se apareceu corretamente salve as alterações, agora já está tudo pronto. Se quiser botões com outra aparência(cores, fontes..) veja aqui sobre fazer botões e altere a primeira parte do código. Outra coisa que pode ser modificada é onde está height:130px;width: 180px; isso são a altura(130) e largura (180) da caixinha com os botões das redes sociais, você pode alterar como desejar, mas não se esqueça de alterar também na parte do código com o estilo dos botões.

Se achar que essa caixa ficou muito junto das postagens veja que no inicio e final dela aparece
isso uma linha em branco, então é só repetir isso duas ou quantas vezes achar melhor para dar um espaço antes e depois da caixa.