Mil Trucos Blogger

Caja de Redes Sociales con efecto de Opacidad

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Hola amigos de Mil Trucos Blogger, en el día de hoy voy a compartir un genial tutorial, en el que veremos como agregar una estupenda caja de redes sociales con efecto opacidad (al pasar el cursor por alguna de las imágenes se ve un suave degradado), esta es una de las mejores herramientas para atraer seguidores a nuestras redes sociales.

Caja de Redes Sociales con efecto de Opacidad

La caja se ve de la siguiente manera:

Caja-redes-sociales

 

Para agregar este truco a tu blog solo debes ir a Diseño, Añadir Gadget, HTML/JavaScript y añade lo siguiente:

<div id='social'>
<a href='URL FACEBOOK' target="_blank"><img alt='Facebook' src='http://1.bp.blogspot.com/-Uu-exEkrEQE/VbUXgfsb2bI/AAAAAAAAGEs/phVH4_p6mAQ/s1600/48x48.png' title='Facebook'/></a>
<a href='URL PINTEREST' target="_blank"><img alt='Pinterest' src='http://2.bp.blogspot.com/-aEeNk4Nkhww/VbUXk3uNFDI/AAAAAAAAGE0/_fhgaX897wI/s1600/48x48.png' title='Pinterest'/></a>
<a href='URL TWITTER' target="_blank"><img alt='Twitter' src='http://3.bp.blogspot.com/-dcjOPFWiBXE/VbUXnA25f_I/AAAAAAAAGE8/qGfHB9Zz0G4/s1600/48x48.png' title='Twitter'/></a>
<a href='URL INSTAGRAM' target="_blank"><img alt='Instagram' src='http://3.bp.blogspot.com/-gQAbu1md5PM/VbUXvTMgxoI/AAAAAAAAGFM/CsEepzRAXgQ/s1600/48x48.png' title='Instagram'/></a>
<a href='URL FEED' target="_blank"><img alt='Feed' src='http://3.bp.blogspot.com/-S27ew9Roc24/VbUXq7VBbZI/AAAAAAAAGFE/WkkiD4LaAXE/s1600/48x48.png' title='Feed'/></a>
</div>

<style type='text/css'>
#social img:hover {
opacity: 0.6;
}
</style>

Ahora reemplaza lo resaltado en color verde por lo que se indica en cada caso y guarda los cambios.

Si te ha gustado el tutorial no olvides compartirlo en tus redes sociales.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *




Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo