Juvinao
1
Xi
Programador
Verificación en dos pasos activada
Suscripción a IA
Hola chicos, estaba revisando algunos de mis posts antiguos y me encontré con algunos iconos con opacidad para Blogger (el truco es muy sencillo pero ahí está para el que quiera) y he decidido publicarlo aquí en forobeta y en mi nuevo blog.
El código es el siguiente:
Ahora solo es cuestión de agregar las URL y guardar los cambios (en Blogger se añade como un gadget).
Para más recursos para Blogger visita Mi Blog Ideas
El código es el siguiente:
HTML:
<div id='social'>
<a href='URL FACEBOOK' target="_blank"><img alt='Facebook' src='https://1.bp.blogspot.com/-gwK1kcI6Lb4/XtEn_mCXLmI/AAAAAAAAUtw/goCCIISbCYIxFMIwh37Nr6QBkoXpVkyWwCK4BGAsYHg/48x48.png' title='Facebook'/></a>
<a href='URL PINTEREST' target="_blank"><img alt='Pinterest' src='https://1.bp.blogspot.com/-qQ8RLhmZrjM/XtEn9WSTEGI/AAAAAAAAUtk/MVhAYf398Cg4knGUKdnu9OLVR0PpbZQ6ACK4BGAsYHg/48x48%2BP.png' title='Pinterest'/></a>
<a href='URL TWITTER' target="_blank"><img alt='Twitter' src='
https://1.bp.blogspot.com/-T6v3UhJDpJY/XtEn6Y1CfWI/AAAAAAAAUtY/qc9B7ANrF3Qh15xvyJtx9geghOYEnGSmQCK4BGAsYHg/48x48%2BT.png' title='Twitter'/></a>
<a href='URL INSTAGRAM' target="_blank"><img alt='Instagram' src='https://1.bp.blogspot.com/-p3xFb_9GW64/XtEn32v0UBI/AAAAAAAAUtM/SBcL8sCFGLIVUbIT9OX1X9sNggLKZIJawCK4BGAsYHg/48x48%2BI.png' title='Instagram'/></a>
</div>
<style type='text/css'>
#social img:hover {
opacity: 0.6;
}
</style>Ahora solo es cuestión de agregar las URL y guardar los cambios (en Blogger se añade como un gadget).
Para más recursos para Blogger visita Mi Blog Ideas