Facebook y Twitter

Código para Poner Boton de Facebook en el blog:


<style type="text/css">
/* 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;
}
</style>

<br />
<ul class="BotonesSociales">
<li><a href="http://www.facebook.com/nombredeusuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0wTCMMBVSCAKh4M8DCfIw2VLkDVYFBB5RDZ1IocIujU1p-WUCJ7HgH2rLBt8yn-2pXhA2Es_U39IUIf3JGixHEf9OgD-0eyROHmtg0kM4NsSLQe-9g4-bSBm3wYF5Ko1JI2PAMNnicdU/" /> Hazte fan en Facebook</a></li>
<li><a href="http://twitter.com/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_narGAcEytMv14JtS0u84nv928jje5A1T9UrhUFLKfiZYMrnb4gN_ypTTQ9CL2c1pRbgHLkJegfKN-13wvn5CoiAA2_81B8UV22Ngom5y3Ft8hmjWGjAKpcaQfpXe-No3X7_fsRfLzU/" /> Sígueme en Twitter</a></li>
</ul>