Como Generar un Códgio de Imágen con Texto y Enlace

Impactos: 0

Aprende a crear / generar un widget de código html gratis, de imágen con texto y enlace, que abre en nueva ventana, también un banner (jpg, png, gif, swf), y pegar en una página web, entrada del blog, u otra área disponible del sitio web, para diferentes fines (promoción, información, guía…).

Paso 1
_ Carga / sube el archivo multimedia, con uno de los siguientes formatos:
_ Imágen (jpg, png, gif, swf, flash)
_ En uno de los siguientes servidores, en todos puedes crear una nueva carpeta:
_ Cpanel (de pago) / Nube (gratis y de pago)

_ Copiar y guardar cada enlace del archivo de imágen subido, en un archivo de texto (TXT / Bloc de Notas / RTF)/ Ver Tema / Como Crear y Guardar un Archivo de Código Web

Paso 2
_ Antes. Si no tienes conocimiento con Edición de Texto HTML; revisa la siguiente entrada:
Como Editar Texto en HTML
_ Crea un Widget HTML / Código

<img src="https://puntoweb.xyz/wp-content/uploads/2021/11/010.jpg" height="500" width="750" title="Image Example"></img>

_ Solo debes modificar las variables del código, agregando los datos del archivo de imágen
_ Enlace del Archivo de Imágen |SRC=”|
_ Tamaño del Archivo de Imágen, a Opción y Proporcional / Ancho |width=”| / Alto |height=”|
_ (Opcional) Para fines de promoción, publicidad, visitas web… Agrega un Enlace que abre en nueva ventana, en el Archivo de Imágen, luego de la variable |href=”|, y luego agrega la siguiente variable, para abrir el enlace en nueva ventana |target=new| sin comillas.

<a href='https://puntoweb.xyz' target=new>
<img src="https://puntoweb.xyz/wp-content/uploads/2021/11/010.jpg" height="500" width="750" title="Imagen Ejemplo"></img>
</a>

_ Para abrir el enlace en una Ventana Emergente, que es esencial para promociones; ver éste Tema.

Como Crear una Ventana Emergente

_ Agrega el título / nombre del archivo de imágen, luego de ésta variable |title=”|
_ Para esconder el archivo de imágen en cualquier momento, pega ésta variable |style=”display:none;visibility:hidden”|
_ Antes de pegar en el Sitio Web / Prueba el widget con éste Editor HTML Gratuito (Recomendado)

_ Si todo está bien, pega el widget en el área deseada del sitio web
Listo !

Compartir
0 0 votes
Article Rating
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments
error: Content is protected !!
0
Would love your thoughts, please comment.x
()
x