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://recursosdiario.com/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://recursosdiario.com/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 !
