Algunos iconos con opacidad para Blogger (Mi Blog Ideas)

Juvinao · 29 May 2020

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.

Iconos%2Bsociales%2Bcon%2Bopacidad%2Bpara%2BBlogger%2By%2BWordpress.png

Demo de los iconos

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

Algunos iconos con opacidad para Blogger (Mi Blog Ideas)

Juvinao

Temas similares