
Para agregar estos botones vamos a DIseño,Edicion HTML,Expandir plantillas de artilugio y antes de ]]></b:skin> agrega lo siguiente:
/* Botones de Redes SocialesAhora entra en Diseño ,Elementos de la página ,Añadir un gadget ,HTML/Javascript, y ahí pega esto:
----------------------------------------------- */
.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;
}
<ul class="BotonesSociales">Ahora solo cambia los nombres de usuario que estan en rojo y listo.
<li><a href="https://plus.google.com/u/0/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRa6Tn9jUjDZQYzyrYyKImMJCjBUYhgmRdep20SQMC6RpqcmT7V03xNGCmlIddWpbWSMhKhl7cjixZ92-K7ZNrwworZNMRNaUux42UtXAWY8RpY8tzR3mUrUdXRv1Vs_Zn0Q6kV_l1IVU/" /> <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/AVvXsEjyJ0FJaf99GlcRD_XZksWKPVkB90lRe9aLin9eZ_Z6wDu1jeGFtl97jXtVqY8A6xnI9yvlqGSHfm5z56NaIl9jO9XztCTtz6fSWCA5agGimJWXRzSTjbz3XQY00StwGjubvrZWg_uylYg/" /> <span>Hazte fan en Facebook</span></a></li>
<li><a href="http://twitter.com/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgscm4t_vEbuSVi-ZICvCramubYWQUeWioPdHfRE6iOEPhDg-wZXascGThLUGE_pL2qsPiR5GMElT7qrvz6gewIfA9TSlSC0cfQYagR-b_Wq3mWoTe0y_JYz9TZ9x9KFCp06Roru4IMO7U/" /> <span>Sígueme en Twitter</span></a></li>
</ul>
No hay comentarios:
Publicar un comentario