jueves, 23 de abril de 2015

Botones de redes sociales flotantes con Hover



Después de un largo tiempo sin publicar, vuelvo con más de recursos para tu web o blog, esta vez con unos botones de redes sociales que poseen el efecto 'hover' al pasar el cursor sobre ellos. Se trata de una barra lateral flotante posicionada por defecto al lado derecho del sitio y cuanta con 5 botones de redes, los mas caracteristicos, que son: facebook, twitter, google+, youtube y el rss.

 Sirve más que nada para que los seguidores o visitantes de tu sitio accionen sobre los iconos, para así redirigirse mediante una nueva ventana a tus paginas de redes sociales aumentando así los seguidores en ellas, a la vez da una buena vista por lo bien que se ven. Esta contribuye a la búsqueda de CC3 debido a los estilos. Lo que buscamos es más audiencia a tus paginas para obtener mas fans y seguidores.

 Para saber más esta barra vea la aquí: 



 

Ok sera fácil incorporarlo, aquí te ayudaremos. Sigan los pasos correspondientes:

1- Ir a Blogger.
2- Luego a Plantilla.
3- Y a Editar HTML
4- Integre el siguiente codigo antes de la etiqueta   ]]><'/b:skin'> sin las comillas.

Código CSS:




A continuación, ya añadido los estilos CSS. Vamos nuevamente:

1- Ir a Blogger.
2- Luego a Plantilla.
3- Y a Editar HTML
4- Integre el siguiente código antes de la etiqueta  <'/body'> sin las comillas.


5- Remplaza '#' por el url de la red social que te indique.

  Eso seria todo amigos.


  1.  ¿Te gusto el tutorial? → Siguenos en nuestras redes sociales para más!. 
  2. Pásate por la publicidad :).
  3. Comentar es Agradecer.

¡Compártelo!


0 comments :

Blogger Template by Daniel Galindo
})();