Cómo crear un botón de descarga

Un botón de descarga puede hacer que su sitio web se vea significativamente más profesional que simplemente ofrecer su descarga a través de enlaces. Un botón proporciona una interfaz más limpia, y si tiene ganas de diseñar su propio, sus botones pueden ser partes integrales del diseño de su página. Siga esta guía para crear botones HTML o haga un botón de su propio diseño.

Pasos

Método 1 de 2:
Creando un botón HTML
  1. Imagen titulada Crear un botón de descarga Paso 1
1. Crea el botón en un editor de código. Un simple editor de texto, como Bloc de notas o texto, funcionará perfectamente. Ingrese el siguiente código en el editor:
  • Imagen titulada Crear un botón de descarga Paso 2
    2. Sube el archivo a su servidor. Si desea ofrecer un archivo para descargar, deberá hospedarlo en su propio servidor o apuntar el botón al archivo en otro lugar en la web. Usar un Cliente FTP para subir el archivo que desea poner a disposición del servidor de su sitio web.
  • Imagen titulada Crear un botón de descarga Paso 3
    3. Asegúrese de tener el permiso del webmaster si desea vincularse a un archivo que no está alojado.
  • Imagen titulada Crear un botón de descarga Paso 4
    4
    Reemplace `Ubicación de descarga` con la URL a la descarga. Asegúrese de incluir las cotizaciones individuales alrededor de la dirección, así como las comillas dobles alrededor de "Window.Ubicación = `Ubicación de descarga`". Incluya cualquier prefixto como HTTP: // o FTP: // y también incluya la extensión de archivo, como .Jpg o .exe.
  • Imagen titulada Crear un botón de descarga Paso 5
    5. Etiquetar el botón. Reemplace el "texto del botón" con las palabras que desea que aparezca en el botón. Asegúrese de mantener las comillas dobles alrededor del texto. Mantenga el botón de texto pequeño para que el botón no aparezca grande y difícil de manejar en la página.
  • Imagen titulada Crear un botón de descarga Paso 6
    6. Coloque el código en su página. Puede insertar el código del botón en cualquier lugar en el cuerpo de su página web, y el botón aparecerá en esa ubicación. Sube su código de página web modificado y pruebe su nuevo botón.
  • Método 2 de 2:
    Creando un botón de imagen
    1. Imagen titulada Crear un botón de descarga Paso 7
    1. Diseñe su botón de descarga. Use su editor de imágenes preferido y cree un botón que coincida con el estilo de su sitio web. Puedes hacer el botón tan pequeño o tan grande como quieras.
  • Imagen titulada Crear un botón de descarga Paso 8
    2. Sube el archivo a su servidor y la imagen del botón. Si desea ofrecer un archivo para descargar, deberá hospedarlo en su propio servidor o apuntar el botón al archivo en otro lugar en la web. Usar un Cliente FTP para subir el archivo que desea poner a disposición del servidor de su sitio web.
  • Cargue la imagen del botón en la misma ubicación en el servidor como la página en la que lo está poniendo.
  • Imagen titulada Crear un botón de descarga Paso 9
    3. Crea tu código de descarga. Un botón de descarga representado por una imagen funciona de la misma manera que todos los demás enlaces funcionan en HTML. Copie el siguiente código en su editor preferido:
  • Imagen titulada Crear un botón de descarga Paso 10
    4
    Ingrese en su archivo e información de imagen. Reemplace "Ubicación de descarga" con la URL completa a su descarga, incluidos los prefijos http: // o ftp: //. Reemplace "Archivo de imagen con el nombre de archivo para la imagen del botón de descarga. Si el archivo está en la misma ubicación que la página en su servidor, no necesita incluir la dirección completa.
  • Reemplace "Texto de Hover" con cualquier texto que desee aparecer cuando el usuario flota el cursor sobre la imagen.
  • Reemplace "X" y "Y" con el ancho y la altura de la imagen respectivamente en píxeles.
  • Asegúrese de mantener las comillas dobles alrededor de cada entrada.
  • Imagen titulada Crear un botón de descarga Paso 11
    5. Ingrese el código en su página. Coloque el código donde desea que aparezca su botón. Sube el nuevo código y luego cargue la página web para asegurarse de que funcione el botón. Compruebe que el texto de Hover se cargue y que la imagen sea del tamaño correcto.
  • Video

    Al utilizar este servicio, se puede compartir información con YouTube.

    Consejos

    Advertencias

    Cargar archivos a su propio servidor es una mejor manera de compartir archivos en línea en lugar de depender de otros sitios web para albergar los archivos. Si copia una ubicación de enlace desde otro sitio web, el botón de descarga que crea solo funcionará, siempre y cuando la ubicación de enlace esté activa.
  • Nunca cargue archivos en violación de las leyes de derechos de autor porque podría llevar a multas pesadas o encarcelamiento.
  • Pruebe periódicamente su botón de descarga o en el enlace de descarga en el sitio web de los que obtuvo la ubicación del enlace para asegurarse de que los usuarios puedan descargar el archivo cuando hacen clic en el botón en lugar de ir a un enlace roto donde ya no existe el archivo.
  • Artículos Relacionados