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

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://misitioweb.xyz/wp-content/uploads/2021/11/010-1.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://misitioweb.xyz/wp-content/uploads/2021/11/010-1.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 !

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)
Compartir

Deja un comentario

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

error: Contenido Protegido !!