En nedlastingsknapp kan få nettstedet ditt til å se betydelig mer profesjonelt ut enn å bare tilby nedlasting via lenker. En knapp gir et renere grensesnitt, og hvis du har lyst til å designe din egen, kan knappene dine være en integrert del av sidens design. Følg denne veiledningen for å lage HTML -knapper eller lage en knapp av ditt eget design.
Trinn
Metode 1 av 2: Opprette en HTML -knapp
Trinn 1. Opprett knappen i et kodeditor
En enkel tekstredigerer som Notisblokk eller TextEdit vil fungere perfekt. Skriv inn følgende kode i editoren:
Trinn 2. Last opp filen til serveren din
Hvis du vil tilby en fil å laste ned, må du enten være vert for den på din egen server eller peke knappen på filen et annet sted på nettet. Bruk en FTP -klient for å laste opp filen du vil gjøre tilgjengelig for nettstedets server.
Trinn 3. Kontroller at du har tillatelse fra nettredaktøren hvis du vil koble til en fil du ikke er vert for selv
Trinn 4. Erstatt 'Last ned plassering' med URL -en til nedlastingen. Sørg for å inkludere de enkelte anførselstegnene rundt adressen, i tillegg til de doble anførselstegnene rundt “window.location = 'Download Location'". Inkluder eventuelle prefikser som HTTP: // eller FTP: // og inkluder også filtypen slik som-j.webp" />
Trinn 5. Merk knappen
Erstatt "Knapptekst" med ordene du vil at skal vises på knappen. Sørg for å beholde de doble anførselstegnene rundt teksten. Hold knappeteksten liten, slik at knappen ikke vises stor og uhåndterlig på siden.
Trinn 6. Plasser koden på siden din
Du kan sette inn knappekoden hvor som helst i hoveddelen av websiden din, og knappen vil vises på det stedet. Last opp den endrede nettkoden, og test den nye knappen.
Metode 2 av 2: Opprette en bildeknapp
Trinn 1. Design nedlastingsknappen
Bruk din foretrukne bildeditor, og lag en knapp som matcher stilen på nettstedet ditt. Du kan gjøre knappen så liten eller så stor som du vil.
Trinn 2. Last opp filen til serveren din og knappebildet
Hvis du vil tilby en fil å laste ned, må du enten være vert for den på din egen server eller peke knappen på filen et annet sted på nettet. Bruk en FTP -klient for å laste opp filen du vil gjøre tilgjengelig for nettstedets server.
Last opp knappebildet til samme sted på serveren som siden du legger det i
Trinn 3. Lag nedlastingskoden
En nedlastingsknapp representert av et bilde fungerer på samme måte som alle andre lenker fungerer i HTML. Kopier følgende kode til din foretrukne editor:
Trinn 4. Skriv inn fil- og bildeinformasjonen din. Erstatt "Last ned plassering" med hele URL -en til nedlastingen, inkludert eventuelle HTTP: // eller FTP: // prefikser. Erstatt "Bildefil med filnavnet for nedlastingsknappbildet. Hvis filen er på samme sted som siden på serveren din, trenger du ikke å inkludere hele adressen.
- Erstatt "Hover Text" med hvilken som helst tekst du vil vise når brukeren holder markøren over bildet.
- Erstatt “X” og “Y” med henholdsvis bildebredde og høyde i piksler.
- Sørg for å beholde de doble anførselstegnene rundt hver oppføring.
Trinn 5. Skriv inn koden på siden din
Plasser koden der du vil at knappen skal vises. Last opp den nye koden, og last deretter inn websiden for å sikre at knappen fungerer. Kontroller at svevesteksten lastes inn og at bildet har riktig størrelse.
Video - Ved å bruke denne tjenesten kan noe informasjon bli delt med YouTube
Advarsler
- Å laste opp filer til din egen server er en bedre måte å dele filer på nettet i stedet for å være avhengig av andre nettsteder for å være vert for filene. Hvis du kopierer en koblingsplassering fra et annet nettsted, vil nedlastingsknappen du oppretter bare fungere så lenge koblingsstedet er aktivt.
- Aldri laste opp filer i strid med opphavsrettslovgivningen fordi det kan føre til store bøter eller fengsel.
- Test med jevne mellomrom nedlastingsknappen eller nedlastingskoblingen på nettstedet du fikk koblingsstedet fra for å sikre at brukerne kan laste ned filen når de klikker på knappen i stedet for å gå til en ødelagt lenke der filen ikke lenger eksisterer.
