Iconos sociales con efecto hover [Blogger] - Trucodigo

Iconos sociales con efecto hover [Blogger]





Para agregar estos botones en tu blog pega el siguiente código CSS antes de
]]></b:skin> 


/* BOTONONES SOCIALES */
.fb-icon, .gp-icon, .t-icon, .rss-icon {
-moz-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
border: 3px solid #FFFFFF;
border-radius: 40px;
float: left;
height: 40px;
margin: 0 7px 0 0;
opacity: 0.8;
width: 40px;
}
.fb-icon:hover, .gp-icon:hover, .t-icon:hover, .rss-icon:hover {
border-radius: 0;
opacity: 1;
}
.fb-icon{background:url("https://lh5.googleusercontent.com/-p6TmohGfdWw/UFTGXVqPqcI/AAAAAAAAC3A/-oEozS3JFk4/h120/f-logo.jpg") no-repeat scroll 0 0 transparent}
.gp-icon{background:url("https://lh5.googleusercontent.com/-SnuBBc0hTkc/UFTGXwXRZLI/AAAAAAAAC3I/b6puyRDIVqM/h120/g-logo.jpg") no-repeat scroll 0 0 transparent}
.t-icon{background:url("https://lh3.googleusercontent.com/-YiccwI4qX3c/UFTGYlUgsPI/AAAAAAAAC3Y/s-DOj47CEws/h120/t-logo.jpg") no-repeat scroll 0 0 transparent}
.rss-icon{background:url("https://lh4.googleusercontent.com/-LJF3GPv9d3g/UFTGYTLODQI/AAAAAAAAC3Q/U-Aa1tORhW0/h120/rss-logo.jpg") no-repeat scroll 0 0 transparent}


Ahora ve a Diseño, Añadir gadget, HTML/JavaScript y pega lo siguiente:


<div id='contenido-social'>

<a class='fb-icon' href='URL de tu cuenta de Facebook'/>

<a class='gp-icon' href='URL de tu cuenta de Google Plus'/>

<a class='t-icon' href='URL de tu cuenta de Twitter'/>

<a class='rss-icon' href='URL de tu RSS'/>

</a></a></a></a></div>



Para finalizar coloca los link de tus redes y guarda los cambios
Tags
Opciones
Estadísticas
Creado 26.12.2013 a las 02:17 hs
Categoría Blogger
  • 0
    Medallas
  • 0
    Favoritos
  • 1051
    Visitas
  • 0
    Puntos
  • 0
    Seguidores
Posts relacionados
Comentarios
0
Cargando comentarios espera un momento...
No tienes permisos para comentar.

Para poder comentar necesitas estar Registrado. O.. ya tienes usuario? Logueate!
Patrocinador
Autor del post
Ver perfil de Omaredomex Omaredomex
Hombre Administrador  Mensaje
0 81 2
Medallas
No tiene medallas
Últimos visitantes