martes, 10 de julio de 2012

Agregar botones de redes sociales en el blog


Aprevechando el auge que estan teniendo las redes sociales hoy en el mundo del internet vengo con un truco de El Potro el cual consta de una preciosa caja de suscripcion con los servicios de Google +Facebook, y Twitter.


 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 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/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>
Ahora solo cambia los nombres de usuario que estan en rojo y listo. 

No hay comentarios:

Publicar un comentario

Related Posts Plugin for WordPress, Blogger...