Iconos sociales con efecto zoom

Para añadir estos iconos sociales en tu blog con efecto zoom.


Ir a Diseño ►Añadir un gadget ► Html/Javascript y pegar el siguiente código:

<div class="separator" style="clear: both; text-align: center;">
<a class="zoom" href="https://plus.google.com/u/0/t="_blank">
<a class="zoom" href="URL de GooglePlus"_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDx8E8alg8G8vgk-KblE2_YJUsis2JJCw0UgUAhzv5SjvznUkqqRng9ICeKyEixaB1qcKZsL_eGfAYwYTdyKJ2y_oX6jUD7gFonhSqXoRz4e-KFckZlfy8XR2JE1WV19INaVtH0lRo9X8/s1600/google-plus.png" width="48" height="48"/></a>
<a class="zoom" href="URL de Facebook" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilGQ7Z-1HeJC8jOcTVHU7X1pK0uOTuvcUo6ltkDF77OmFcOlwK-9UNfakB3BRkSEBClInpzRhZTWU1F1SkhaChnIWdFMdlSMUNOOqBKu604Ri91AOavawxr9SVqJnoIfq-jkQ3mqSHbrc/s1600/facebook.png" width="48" height="48" /></a>
<a class="zoom" href="URL de Twitter" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbJLLKTNe8WfZw96WFVRsMpPKCZzI-Uiyv3bPbjPQBfSU3eTFLAKkOyfPauyE6uwc1bjHHb-8EbU-vpn2lMb6_1JLwfRDNMaoTr4X2JF65aS8x8gIg273eaTEBjjWgwIRFBcGACiwGYsQ/s1600/twitter2.png" width="48" height="48" /></a>
<a class="zoom" href="URL de Pinterest" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPDrRQQ5TaAdV1Sp1BLglWMYjwaGtkIJQHamC1FsVBvItT3uY-uvU66A-fUA46J9LTaqleozPdQtyP5-Ck9qYf2pMFLwwpRMkNTCcIt_ULrLNOzSEF1dXuC3nqEMfERWaoFM9XhlrIIgA/s1600/pinterest.png" width="48" height="48" /></a>
<a class="zoom" href="URL de RSS" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH_A68RQrOZeEa4Kclx7mJkgVlmsQ3OIANw8b173zCzJxIYpEHPZtKwyK6P07gOA0bBMQRm5tZAf4GgsqrSQXkb_rrupW0nIXGmW0bgTnHo1KlnHGFuBYfB9fWDbxbilaoNHtJ-ekZZdo/s1600/rss.png" width="48" height="48" /></a>
<style type="text/css">
.zoom img{
margin: 5px 3px 3px 2px;
text-align: center;
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
}
.zoom img:hover{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
}
</style>