Iconos Sociales de Balones de Fútbol con efecto Zoom

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:

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.