Cara membuat tombol unduh

Pengarang: Bobbie Johnson
Tanggal Pembuatan: 6 April 2021
Tanggal Pembaruan: 1 Juli 2024
Anonim
Cara Menambahkan Tombol Download di Youtube, Mudah dan Gak Ribet
Video: Cara Menambahkan Tombol Download di Youtube, Mudah dan Gak Ribet

Isi

Tombol unduh akan membantu situs Anda terlihat jauh lebih profesional daripada sekadar menautkan untuk mengunduh. Sebuah tombol menyediakan antarmuka yang lebih bersih, dan jika Anda mendesain sesuatu sendiri, tombol Anda dapat menjadi bagian integral dari desain halaman. Ikuti tutorial ini untuk membuat tombol HTML atau tombol kustom Anda sendiri.

Langkah

Metode 1 dari 2: Buat Tombol HTML

  1. 1 Buat tombol di editor sumber. Editor teks sederhana seperti Notepad atau TextEdit baik-baik saja. Dalam editor teks, masukkan kode berikut:
  2. 2 Unggah file ke server Anda. Jika Anda ingin menawarkan file untuk diunduh, Anda harus menyimpannya di server Anda atau mengaitkan tombol dengan beberapa file di tempat lain di jaringan. Gunakan klien FTP untuk mengunggah file yang ingin Anda sediakan ke server situs Anda.
  3. 3 Pastikan Anda memiliki hak webmaster jika Anda ingin menautkan ke file yang tidak Anda simpan.
  4. 4Ganti 'Lokasi Unduhan' dengan URL unduhan asli Anda. Pastikan untuk menyertakan alamat dalam tanda kutip tunggal dan “window.location =' Download Location ”dalam tanda kutip ganda. Tambahkan awalan, seperti HTTP: // atau FTP: //, dan tambahkan ekstensi file, seperti .webp atau .EXE ..
  5. 5 Tulis di tombol. Ganti "Teks Tombol" dengan kata-kata yang ingin Anda tampilkan di tombol. Pastikan untuk menyertakan teks dalam tanda kutip ganda. Usahakan agar frasa Anda tetap pendek sehingga tombol di layar tidak tampak berat.
  6. 6 Tempatkan kode sumber di halaman Anda. Anda dapat menempelkan kode sumber untuk tombol di mana saja di halaman, dan tombol akan muncul persis di tempat itu. Unggah kode halaman baru Anda dan uji tombol baru Anda.

Metode 2 dari 2: Buat tombol sebagai gambar

  1. 1 Gambar tombol unduh Anda. Gunakan editor gambar apa pun yang Anda suka dan gambar tombol yang sesuai dengan gaya situs Anda. Anda dapat membuat tombol sebesar (atau kecil) sesuka Anda.
  2. 2 Unggah file dan gambar dengan tombol ke server Anda. Jika Anda ingin menawarkan file untuk diunduh, Anda harus menyimpannya di server Anda atau mengaitkan tombol dengan beberapa file di tempat lain di jaringan. Gunakan klien FTP untuk mengunggah file yang ingin Anda sediakan ke server situs Anda.
    • Unggah gambar tombol ke lokasi yang sama di server tempat halaman tempat Anda menambahkan tombol ini berada.
  3. 3 Tulis kode sumber untuk diunduh. Tombol unduh, ditampilkan sebagai gambar, bekerja dengan cara yang sama seperti semua tautan lain dalam HTML.Salin kode berikut ke editor Anda:
  4. 4 Masukkan informasi file dan gambar. Ganti "Lokasi Unduhan" dengan URL unduhan asli, termasuk awalan HTTP: // atau FTP: //. Ganti "File Gambar" dengan nama file gambar tombol. Jika file terletak di server di tempat yang sama dengan halaman, Anda tidak perlu menentukan path lengkapnya.
    • Ganti "Hover Text" dengan teks yang akan muncul saat pengguna mengarahkan kursor ke gambar tombol.
    • Ganti "X" dan "Y" masing-masing dengan lebar dan tinggi gambar dalam piksel.
    • Pastikan untuk menambahkan semua entri ini dalam tanda kutip ganda.
  5. 5 Masukkan kode sumber di halaman Anda. Tempatkan kode di mana tombol akan muncul. Unggah kode baru lalu buka halaman web Anda untuk melihat apakah tombolnya berfungsi. Periksa apakah teks petunjuk muncul di hover dan gambar itu sendiri adalah ukuran yang benar.

Peringatan

  • Jangan pernah mengunggah file yang melanggar undang-undang hak cipta, karena ini dapat mengakibatkan denda berat atau bahkan hukuman penjara.
  • Jauh lebih baik untuk mengunggah file ke server Anda sendiri dan membagikannya nanti daripada bergantung pada situs lain tempat mereka disimpan. Jika Anda menyalin tautan ke lokasi file dari situs lain, tombol unduh yang Anda buat hanya akan berfungsi selama tautan tetap valid. Anda harus secara berkala memeriksa fungsi tombol atau tautan di situs tempat Anda mengambilnya untuk memastikan bahwa pengguna dapat mengunduh file ketika mereka mengklik tombol, dan tidak akan mengklik tautan yang rusak karena fakta bahwa file tersebut tidak ada lagi.