Lo hice utilizando github como host de las imágenes, pero quizás se pueda utilizar cualquier otro servicio parecido, google content, talvez. Y como navegador Google Chrome, pero quizás se pueda hacer desde cualquiera, lo que sucede es que a mi se me facilitó utilizando los servicios mencionados
1. Subir la o las imágenes a github,
2.- Dar click para visualizarla
3.- Una vez abierta, click derecho sobre la imagen y dar click en "copiar dirección de imagen" en una nueva pestaña del navegador.
4.- Una vez en la barra de direcciones de esa nueva pestaña, click derecho y click en "pegar e ir a raw.githubusercontent.com/usuariogh/gitsocial/master32/as5ssets/icons%20with%20padding/twitter.png (ejemplo del tipo de dirección que debe aparecer, va a variar, obviamente)
5.- Aparecerá únicamente la imagen, ahí le damos click derecho y click en "inspeccionar"
6.- Se abrirá una ventana a la derecha y en la parte de arriba dice html, nos posicionamos ahí y le damos click derecho, y le damos EDIT AS HTML y aparecerá el código html que tendremos que pegar en donde queremos que aparezca esa imagen.
7.- Hacer LINKEABLE, esa imagen siguiendo este código
<html><head><meta name="viewport" content="width=device-width, minimum-scale=0.1"><title>twitter.png (28×28)</title></head><body style="margin: 0px; background: #fafafa;"><a title="Twitter" href="https://twitter.com/DiocesisTap"><img style="-webkit-user-select: none;margin: auto;" src="https://raw.githubusercontent.com/telemacomx/gitsocial/master/assets/icons%20with%20padding/twitter.png"></body></html>
Si queremos que aparezcan las imágenes juntas en horizontal, por ejemplo para crear botones social media, pegamos el código anterior al final y así sucesivamente. Yo utilicé Github para escribir todo lo anterior, y así puedo hacer modificaciones fácilmente.
Si queremos que abra en la misma pestaña sería: PENDIENTE esta info
No hay comentarios:
Publicar un comentario