Agregar botones de redes sociales en el blog

Para poner estos botones de las redes sociales en tu blog sólo entra en Diseño | Edición de HTML y antes de ]]></b:skin> agrega los siguientes estilos:

/* Botones de Redes Sociales
----------------------------------------------- */
.BotonesSociales li {
border:1px solid #6E6E6E !important; /* Color del borde */
padding:5px !important;
margin:0 5px 6px 5px;
background:#ccc; /* Color de fondo */
list-style:none;
}
.BotonesSociales li a {
font-weight:bold; /* Texto en negrita */
text-decoration:none;
color:#1C1C1C !important; /* Color del texto */
}
.BotonesSociales li a:hover {
color:#2E9AFE !important; /* Color del texto al pasar el cursor */
position:relative;
top:1px;
left:1px;
}
.BotonesSociales span {
padding-left:10px;
}
.BotonesSociales img {
vertical-align:middle;
border:0;
}

Ahora entra en Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript, y ahí pega esto:

<ul class="BotonesSociales">
<li><a href="https://plus.google.com/u/0/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihvyIMqhmh9KdBlGUTlqKAneZMdITeKjf1rB0ZUuUOwa2WnS4oWHjLhi8ReTGDRzl4GsGEYDtMTJXZqDIlc5Xs2-W_5cXnvFb5zt-m_ZDrp04B54FeT4AcF9JCQTe_CvLSp4Nvfhwxaqw/" /> <span>Agrégame en tus círculos</span></a></li>
<li><a href="http://www.facebook.com/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi01vHF3Ewp1d8eeG_yFF0I96tnojNk5MqaSmB-eZdmgLVhSEZzOkYsOxCZDgnda3wSGZ3oFC-1BkPYrKJqIR9XgDZxz5-F7I3MXURS7wNZ4HtlgrjELvICYncEWwdYKwokndZAJmy4x4s/" /> <span>Hazte fan en Facebook</span></a></li>
<li><a href="http://twitter.com/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWxMn-SiI9gKjCac7Fnmdg2kqu6IlBRHYsQdJjcgnKtakuHbWAC59nGb9a56ix4odET5kX_xzmNVihRRp0LMbSw32Ai25VdY-e24n2aOIo0WXyywkUwsEEIn0Y_iYa7uWFU0TUylmMUxM/" /> <span>Sígueme en Twitter</span></a></li>
</ul>

Para finalizar cambia los nombres de usuario o ID donde se indica en color rojo y listo. Puedes modificar la apariencia cambiando los estilos en las anotaciones que están de color verde dentro del primer código.

Si quieres agrega más botones sólo añade antes de </ul> una línea como esta por cada botón extra cambiando la URL del enlace, la URL de la imagen y el texto:

<li><a href="URL del enlace"><img src="URL de la imagen" /> <span>Texto</span></a></li>

Y ahora sí, es todo.