Iconos Sociales de Balones de Fútbol con efecto Zoom

En el día de hoy y aprovechando que estamos en pleno apogeo del mundial de fútbol, voy a compartir un pack de iconos sociales que diseñé hace poco, son balones de fútbol con iconos de las principales redes sociales, aparte de esto cuando se posa el cursor sobre los iconos estos se agranda con un gran efecto zoom.

A continuación les mostraré como se ve el gadget ya funcionando:

Iconos Sociales de Balones de Fútbol con efecto Zoom

Para agregar este genial gadget a tu blog, solo debes ir a Diseño, Añadir Gadget, HTML/JavaScript y pega el siguiente código allí:

<div class="separator" style="clear: both; text-align: center;">
 <a class="hovergallery" href="URL de tu cuenta de Facebook" target="_blank">
<img src="http://3.bp.blogspot.com/-4b_AFFjsx0U/U62a6DfF7WI/AAAAAAAAED0/lm-1U4NCy-k/s1600/football_facebook.png" /></a> <a class="hovergallery" href="URL de tu cuenta de Pinterest" target="_blank">
<img src="http://2.bp.blogspot.com/-fqUff2bDE00/U62a8sJ7f3I/AAAAAAAAEEA/2jzJOqAcYqE/s1600/football_Pinterest.png" /></a>
<a class="hovergallery" href="URL de tu cuenta de Twitter" target="_blank">
<img src="http://4.bp.blogspot.com/-gD_8wLHmo2U/U62a-tDm2QI/AAAAAAAAEEM/RF4RFVn7tTQ/s1600/football_twitter.png" /></a> <a class="hovergallery" href="URL de tu RSS" target="_blank">
<img src="http://3.bp.blogspot.com/-znKx8KB2NW4/U62a8ts14QI/AAAAAAAAED8/HlG1Gopy4zE/s1600/football_rss.png" /></a></div>
<style type="text/css">
.hovergallery img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 1px 5px 0;
}
.hovergallery img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
</style>

Ahora solo falta que reemplaces lo que está resaltado en color azul por lo que indica en cada caso.

Si te ha gustado este genial gadget no olvides comentar y recomendarlo en tus redes sociales.


2 comentarios

Puzzle de creaciones · febrero 12, 2015 a las 12:31 pm

Qué maravilla,me encantan! ¿Para cuándo de google+,Blogovin y demás redes sociales? Felicidades por el blog y todo tu trabajo

    Hayder Juvinao · febrero 12, 2015 a las 8:08 pm

    Hola amigo, voy a buscar estos iconos y si los encuentro los subo al blog 🙂

    Saludos

Deja una respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *