¿Quieres tener otro conjunto de iconos con bonitos diseños para Compartir tus post con tus redes sociales. para poner en tu blog de Blogger? Bueno, ¿por que no probar estos diseños muy bien diseñados .Estos magníficos iconos 3D animados giran cada vez que se pasa el cursor del ratón sobre y fuera de ellos.
Su instalación en su blog es más o menos lo mismo que con otros widgets: es simple y fáciles.Siga los pasos a continuación:
- Ir al Diseño de página en el panel de Blogger.
- Haga clic en Diseño .
- Pinche en Añadir un gadget de marcador de posición en la que desea colocar los iconos sociales.
- Elige HTML / JavaScript en la lista de gadgets.
- Copia / pega el siguiente código a continuación:
<style>
#social a:hover {
background-color: transparent;
opacity:0.7;
}
#social img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#social img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<center>
<div id="social">
<!--Start Rss Icon-->
<a title="Grab Our Rss Feed" href="FEED-URL-AKI" target="_blank"><img border="0" src="http://sphotos-a.ak.fbcdn.net/hphotos-ak-prn1/529775_559890020702608_428117337_n.jpg" style="margin-right:1px;" alt="Icon"/></a>
<!--End Rss Icon-->
<!--Start Email Rss Icon-->
<a rel="nofollow" title="Actualizaciones Via Email" href="EMAIL-RSS-URL-AKI" target="_blank"><img border="0" src="http://sphotos-b.ak.fbcdn.net/hphotos-ak-ash3/537944_559889827369294_1243054294_n.jpg" style="margin-right:1px;" alt="Icon"/></a>
<!--End Email Rss Icon-->
<!--Start Facebook Icon-->
<a rel="nofollow" title="Like Our Facebook Page" href="TU PAGINA DE FACEBOOK AKI" target="_blank"><img border="0" src="http://sphotos-f.ak.fbcdn.net/hphotos-ak-ash4/485164_559890604035883_554327371_n.jpg" style="margin-right:1px;" alt="Icon"/></a>
<!--End Facebook Icon-->
<!--Start Twitter Icon-->
<a rel="nofollow" title="Siguenos en Twitter" href="TWITTER URL AKI" target="_blank"><img border="0" src="http://sphotos-g.ak.fbcdn.net/hphotos-ak-ash3/531479_559889930702617_901849127_n.jpg" style="margin-right:1px;" alt="Icon"/></a>
<!--End Twitter Icon-->
<!--Start Google+ Icon-->
<a title="Follow Us On Google+" rel="nofollow" href="GOOGLE-PLUS-URL-AKI" target="_blank"><img style="margin-right:1px;" src="http://sphotos-f.ak.fbcdn.net/hphotos-ak-snc7/404542_559889880702622_2147331229_n.jpg"/></a>
<!--End Google+ Icon-->
<!--Start Pinterest Icon-->
<a title="SIGUENOS PINTEREST" rel="nofollow" href="PINTEREST-URL-AKI" target="_blank"><img style="margin-right:1px;" src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-ash3/537797_559889850702625_238074267_n.jpg" alt="Follow Me on Pinterest" /></a>
<!--End Pinterest Icon-->
<!--Start Linkedin Icon-->
<a title="SIGUENOS EN LINKEDIN" rel="nofollow" href="LINKEDIN-URL-AKI" target="_blank"><img style="margin-right:1px;" src="http://sphotos-h.ak.fbcdn.net/hphotos-ak-prn1/12991_559889800702630_1498626647_n.jpg" alt="SIGUEME EN LINKEDIN" /></a>
<!--End Linkedin Icon-->
</div>
</center>- Reemplace todo el Info necesario (es decir, las direcciones URL) con el de su cuenta.
- Guardar el widget y eso es todo. ¡Ya está!
Ver su blog para ver cómo se ve. Tenga un buen día y nos vemos pronto:)
