PONER ICONOS REDES SOCIALES EN TU BLOG (EFECTO BALÓN DE FÚTBOL)

EFECTO BALÓN DE FÚTBOL REDES SOCIALES

Buscando por Internet nuevos diseños e encontrado un nuevo diseño para nuestros iconos de redes sociales que tenemos en el blog o pagina web, con efecto balón de fútbol.

Aprovechando que estamos en el mundial, que mejor que ponerle un diseño mejorado a nuestros iconos.

Asín es como se vería una vez ya terminado:

PASOS A SEGUIR:

1º Ingresa en tu blog y accede a diseño y añadir gadget.

2º Coloca el siguiente código html:

<div class="separator" style="clear: both; text-align: center;">
 <a class="hovergallery" href="URL de tu cuenta de Facebook" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1EN1gnZ7NHwPv_2G2ngr3H0OtfKtCB2Qoxu504P-P8G4GSE8grn-vUKek-y_OWR_mP0UDZZiV5Ei02Dl_MUsMtA10aAhG9x8FTMqrBoUEBocpwGcCH8du8in4BcoSogjcac42_a3q_rk/s1600/football_facebook.png" /></a> <a class="hovergallery" href="URL de tu cuenta de Pinterest" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTxYknJonocsyU9drG0OvwfZ_s3uOfN4Xsjy-zHBH6IaGXFqMdbYqOOF-mKBmd6p-0yB_tXgeHX-muX5Xfs1LXfH0I4VelusChHIU38KXbsS3EjYP1hvUm_yAfGLrazCJn-lNnPoq9XzQ/s1600/football_Pinterest.png" /></a>
<a class="hovergallery" href="URL de tu cuenta de Twitter" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyGrMBPbwVrhMeMzveM0s1ocLl3KREhWSHNTxMYUgXFmWEa0MKR3iGaHeC3vnTHd21Eiy6Ftyx8qXsu-qR25JrkVGw_i6QFGAujiJGc_e8G2FgzdRrrY-sWCaw8WDdWltVa-WIWS_SCVM/s1600/football_twitter.png" /></a> <a class="hovergallery" href="URL de tu RSS" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM7T4CaT1A77dm6Q54bc6zi_LZ_9xDGZgXbmweO4EKMPYOklE_pj5cYp6Okyucw7Ypz0zoOyYmEyd2mKcsiv_QmxOZ-s57w9Onej8GkZSMmYcZmimdMYVvB_-SlLtHmou_XYQZ8RpQQYs/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>


3º Donde pone URL de tu cuenta de Facebook coloca la url de tu pagina de Facebook.

4º En la parte de URL de tu cuenta de Pinterest pon la url de Pinterest.

5º En URL de tu cuenta de Twitter cambialo por la url de tu Twitter.

6º Y por ultimo donde dice URL de tu RSS reemplezalo por tu RRS del fead.

Y listo!! ya tendrías tus iconos de las redes sociales listo para la final del mundial.

Si te a servido de ayuda decirte que puedes visitar la pagina de códigos html donde puedes encontrar mas códigos que te sirvan de ayuda.