Se trata de un Gadget, que al pasar el cursor sobre los iconos de las redes sociales, produce en ellos el efecto de girar sobre su propio eje, lo que obviamente es atractivo visualmente al visitante que le invitará a suscribirse.
Para ponerlo en el blog nos vamos a Diseño / Añadir un Gadget / HTML/JavaScript.
En la ventana, ponemos un título (Opcional):
Para terminar pegamos el siguiente código:
</div></center>
<style>
#socialicons 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;}
#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}
</style>
<style>
#socialicons 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;}
#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}
</style>
Ahora
debemos cambiar lo que esta en color
Rojo por nuestra URL.
En donde está en Azul ponemos la dirección del Icono (si
queremos cambiarlo) y último guardamos los
cambios.
VEA EL DEMO AQUI.
Eso es todo.
VEA EL DEMO AQUI.
Eso es todo.