Agregar botones de redes sociales en el blog

Publicado por       No hay comentarios:
 
Entra a Plantilla > Edición de html >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 pega lo siguiente:

<ul class="BotonesSociales">
<li><a href="https://plus.google.com/u/0/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAMzB9Ynnf1f9Bfj8aNgow558piF9vT84LJOtmBadZtLih_oMDp-f8BwqlUKi0pWgJoWKBcSw0vfaip6VCe7qge8UAJV4yzW9dwavYVr_NmLqxj_cmbQNAT27fURW20bQoYNwOuE0RaPo/" /> <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/AVvXsEiaTBWfjKJJZJR_nAvdSbH7dPwbg7yt-etv22X_30_IPa7YBufG6iOEhUboGGWxV7M-cCneW9ECKFQSC80q28Ivi97fhFJjaOdwLJYBLL_v65VAdpxYQWmowVWNbbU3i8cTSIKr97Q8_nQ/" /> <span>Hazte fan en Facebook</span></a></li>
<li><a href="http://twitter.com/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuBQWzlwpeRU7PiK_fa45tnWiu1bfI_6u7jRWRX5eTvYaKmg8f66x1R9jD7FIEQJkBCL5g9EMrBx-v-WtKlKRPbcPUSl6vPcmxF-cMFc7Rd0EgXOYK8-W2nmam1O4ir1oGPvu28L_Do30/" /> <span>Sígueme en Twitter</span></a></li>

</ul>

 Ahora solo les queda reemplazar lo que está en rosa y listo.

  

No hay comentarios:

Publicar un comentario

 
Copyright © 2014 Sweet Library All Right Reserved
Designed by OddThemes