Cara membuat download file di html

Cara membuat download file di html
Unduh PDF

Unduh PDF

Fasilitas tautan unduhan berkas di situs pribadi merupakan keinginan banyak orang dan untuk membuatnya, ada beberapa cara yang dapat dilakukan. Situs-situs yang menawarkan alat pembangun situs web, misalnya GoDaddy, WordPress, dan Weebly, sering kali menawarkan fitur pengunggahan berkas seiring dengan pembuatan tautan. Bila Anda membangun situs dari nol, tautan unduhan dapat dibuat menggunakan kode HTML sederhana untuk berkas yang dihoskan di server.

  1. Cara membuat download file di html

    1

    Buat halaman HTML jika belum memilikinya. Anda akan menambahkan tautan unduhan ke halaman web HTML. Apabila belum memiliki situs, Anda bisa membuat halaman HTML dasar untuk mengetes tautan unduhan. Lihatlah Cara Membuat Halaman Web Sederhana Dengan HTML untuk informasi lebih lanjut.

  2. Cara membuat download file di html

    2

    Buka folder di server untuk halaman dan berkas Anda. Cara termudah untuk menautkan berkas adalah dengan meletakkan berkas pada folder yang sama dengan berkas halaman HTML. Gunakan panel kontrol pengelola berkas atau peramban berkas di program FTP untuk pergi ke folder yang berisi berkas HTML yang akan diberikan tautan.

    • Klien FTP Anda seharusnya sudah terkonfigurasi untuk terhubung ke server web karena sebelumnya, situs Anda telah diunggah ke sana. Jika belum, baca Cara Menggunakan FTP untuk instruksi lebih lanjut.
    • Apabila server web Anda memiliki kontrol panel daring, Anda bisa mengakses berkas server secara langsung melalui antarmuka pengelola web. Anda akan bisa mengaksesnya ketika masuk ke situs sebagai administrator. Setelah berada di panel kontrol, pilihlah opsi "File Manager".
    • Apabila Anda membuat situs web menggunakan alat kreasi situs web semacam WordPress, Weebly, atau Wix, lihatlah instruksi khusus untuk setiap platform pada metode-metode di bawah.

  3. Cara membuat download file di html

    3

    Unggah berkas yang ingin dibuat tautannya. Anda bisa mengunggah hampir segala jenis berkas, mulai dari berkas PDF sampai ZIP. Perlu diketahui, sebagian server memiliki batas ukuran berkas yang boleh diunggah, dan berkas besar dapat memakan jatah bandwith Anda dengan cepat. Peramban dapat memblokir berkas yang berpotensi bahaya supaya tidak diunduh oleh pengunjung, misalnya berkas EXE atau DLL.

    • Untuk mengunggah berkas menggunakan program FTP, geser berkas ke dalam folder di jendela FTP yang menjadi tujuan unggahan. Pengunggahan akan langsung dimulai, dan kecepatannya biasanya lebih lambat daripada pengunduhan. Oleh karenanya, Anda mungkin perlu menunggu beberapa lama.
    • Apabila Anda menggunakan panel kontrol pengelola berkas virtual, klik tombol “Upload di bagian atas jendela. Cari berkas yang ingin diunggah dari komputer Anda. Berkas berukuran besar mungkin butuh waktu lama untuk diunggah.

  4. Cara membuat download file di html

    4

    Buka halaman yang ingin dimasukkan tautan Anda ke dalam editor kode. Setelah berkas diunggah, Anda perlu menambahkan tautannya ke kode editor pada halaman web Anda. Buka berkas HTML yang ini dimasukkan tautan. Apabila Anda menggunakan FTP, klik kanan berkas HTML di server Anda dan gunakan “Open With" untuk membukanya dalam editor kode atau teks.

  5. Cara membuat download file di html

    5

    Cari lokasi peletakan tautan yang diinginkan di halaman Anda. Letakkan kursor di titik dalam kode yang ingin dimasukkan tautan unduhan Anda. Lokasinya bisa di batang paragraf, dasar halaman, atau di mana saja.

  6. Cara membuat download file di html

    6

    Tambahkan kode untuk tautan. Masukkan kode HTML5 berikut ke tautan unduhan Anda. Dengan demikian, pengguna bisa langsung mengunduhnya saat mengeklik tautan. Asalkan berkas yang diunduh berada di folder yang sama dengan berkas HTML, Anda hanya perlu menggunakan nama dan ekstensinya. Apabila berkas berada di folder lain, Anda perlu menyertakan struktur folder. [1]

    <!-- Lokasi berkas unggahan sama dengan berkas HTML -->
    <a href="berkascontoh.pdf" download>Teks tautan</a>
    
    <!-- Lokasi berkas unggahan berbeda dengan lokasi berkas HTML -->
    <a href="/path/to/file/berkascontoh2.jpg" download>Teks tautan</a>
    

    • Atribut <a> download tidak berfungsi pada Safari, Internet Explorer, atau Opera Mini. Pengguna yang memakai peramban-peramban ini akan membuka berkas di halaman baru dan menyimpannya secara manual. [2]

  7. Cara membuat download file di html

    7

    Buat tombol unduh alih-alih tautan. Anda bisa menggunakan gambar sebagai pengganti teks untuk membuat tautan unduhan. Tombol unduhan ini harus sudah ada dalam server web Anda.

    <a href="berkascontoh.pdf" download>
    	<img src="/images/tombolunduhan.jpg">
    </a>
    

  8. Cara membuat download file di html

    8

    Ganti nama berkas yang diunduh. Jika Anda menetapkan atribut <a> download, Anda bisa mengubah nama berkas saat diunduh pengguna. Dengan demikian, pengguna bisa lebih mudah membedakan berkas yang diunduh dari situs Anda.

    <a href="083116sal_rep.pdf" download="August 31 2016 Sales Report">Download report</a>
    

  9. Cara membuat download file di html

    9

    Simpan perubahan ke berkas HTML Anda. Setelah Anda puas dengan kodenya, simpan perubahan pada berkas HTML dan unggah kembali jika diperlukan. Anda akan dapat melihat tombol baru tayang di situs web.

    Iklan

  1. Cara membuat download file di html

    1

    Buka situs Anda melalui editor situs Wordpress. Jika Anda menggunakan Wordpress untuk mengelola dan menerbitkan situs web, terdapat alat bawaan yang dapat digunakan untuk menambahkan tautan unduhan ke halaman Anda. Masuklah ke dasbor Wordpress menggunakan akun admin.

  2. Cara membuat download file di html

    2

    Tempatkan kursor Anda di tempat tautan akan muncul. Anda bisa meletakkannya di tengah paragraf atau membuat baris baru untuk tautan.

  3. Cara membuat download file di html

    3

    Klik tombol "Add Media". Tombol ini bisa ditemukan di atas alat pengiriman (posting) di bagian atas halaman

  4. Cara membuat download file di html

    4

    Klik label “Upload Files" dan geser berkas ke jendela. Anda bisa mengunggah berbagai jenis berkas, tetapi Wordpress membatasi ukurannya berdasarkan jenis akun yang dimiliki. [3]

    • Mungkin butuh beberapa waktu untuk mengunggah berkas, karena sebagian besar koneksi pengunggahan lebih lambat dari pengunduhan.

  5. Cara membuat download file di html

    5

    Tambahkan deskripsi berkas. Anda bisa memasukkan deskripsi di bawah berkas dalam jendela Add Media. Ini akan menjadi teks yang tampil sebagai tautan unduhan

  6. Cara membuat download file di html

    6

    Klik tombol “Insert into post/page". Dengan demikian, tautan unduhan akan dimasukkan pada lokasi kursor Anda. Ketahuilah bahwa cara ini akan menautkan halaman lampiran dan bukan berkas aslinya. Inilah keterbatasan peranti lunak Wordpress. [4]

    Iklan

  1. Cara membuat download file di html

    1

    Buka situs web dalam editor Weebly. Masuk ke dalam situs Weebly dan buka halaman web Anda melalui editor Weebly.

  2. Cara membuat download file di html

    2

    Pilih teks atau objek yang ingin diubah menjadi tautan. Anda bisa menyoroti teks pada kotak teks (text field) atau memilih gambar di halaman yang akan diubah menjadi tautan unduhan berkas.

  3. Cara membuat download file di html

    3

    Klik tombol "Link". Setelah memilih teks, klik ikon yang berbentuk seperti rantai yang dapat ditemukan di bagian atas editor teks. Ketika Anda sudah memilih gambar, klik “Link” di panel kontrol gambar.

  4. Cara membuat download file di html

    4

    Pilih ‘File" dan klik "upload a file" untuk membuka peramban berkas.

  5. Cara membuat download file di html

    5

    Pilih berkas yang ingin bisa diunduh. Setelah dipilih, berkas akan mulai terunggah.

    • Besar ukuran yang diperbolehkan diunggah pengguna dasar maksimal 5 MB. Pengguna premium diperbolehkan mengunggah berkas berukuran maksimal 100 MB.

  6. Cara membuat download file di html

    6

    Terbitkan situs untuk melihat tautan baru. Setelah Anda mengunggah berkas, tautannya akan siap digunakan. Klik tombol Publish untuk menerapkan perubahan di situs Anda. Pengunjung sekarang bisa mengeklik dan mengunduh berkas. [5]

    Iklan

  1. Cara membuat download file di html

    1

    Buka situs dalam editor Wix. Apabila Anda menggunakan Wix untuk membuat dan mengelola situs Anda, masuk ke situs Wix dan muat halaman web Anda dalam editor situs.

  2. Cara membuat download file di html

    2

    Pilih teks atau gambar yang ingin dijadikan tautan. Anda bisa membuat tautan dari teks atau gambar di halaman Anda.

  3. Cara membuat download file di html

    3

    Ubah pilihan Anda menjadi tautan. Proses pengubahan teks berbeda dengan gambar:

    • Teks – Klik tombol Link di jendela Text Settings. Tombol ini terlihat seperti rantai dan akan membuka menu tautan.
    • Gambar – Pilih "A link open" dari menu "When image is clicked" di jendela Image Settings. Klik “Add a link" dalam bagian "What does the link do? " untuk membuka menu tautan.

  4. Cara membuat download file di html

    4

    Pilih “Document" dari daftar opsi tautan. Dengan demikian Anda bisa mengunggah berbagai berkas dokumen.

  5. Cara membuat download file di html

    5

    Klik tombol “Choose File". Pengunggah berkas akan terbuka.

  6. Cara membuat download file di html

    6

    Geser berkas yang ingin diunggah ke jendela. Anda hanya bisa mengunggah berkas DOC, PDF, PPT, XLS, dan ODT (dan subformatnya). Artinya, Anda hanya boleh mengunggah berkas dokumen. Ukuran berkas dibatasi maksimal 15 MB.

  7. Cara membuat download file di html

    7

    Terbitkan situs Anda. Setelah mengunggah berkas, tautan Anda siap digunakan. Klik tombol “Publish" di sudut kanan atas untuk menyimpan perubahan dan menayangkannya ke situs.

    Iklan

  1. Cara membuat download file di html

    1

    Buka situs Anda di editor GoDaddy. Jika Anda menggunakan pembangun situs GoDaddy, masuklah ke situs GoDaddy dan buka situs Anda melalui editor.

  2. Cara membuat download file di html

    2

    Pilih objek atau teks yang ingin dijadikan tautan. Anda bisa mengubah objek apa pun menjadi tautan, juga teks dari kotak teks Anda. Jika Anda ingin membuat tombol unduh, klik opsi “Button” dari menu di kiri.

  3. Cara membuat download file di html

    3

    Buat tautan dari objek atau teks yang dipilih. Apabila Anda memilih objek, klik tombol Settings untuk membuka menu. Jika Anda memilih teks, klik tombol “Link” di alat pemformat teks, yang tampak menyerupai rantai.

  4. Cara membuat download file di html

    4

    Klik panah merah di bawah "Link (URL)" dan pilih "Upload." Dengan demikian, Anda bisa memilih berkas yang ingin diunggah ke situs Anda web.

  5. Cara membuat download file di html

    5

    Klik tombol “Browse” dan cari berkas yang ingin diunggah. Berkas yang boleh diunggah maksimal berukuran 30 MB. Anda tidak bisa mengunggah berkas HTML, PHP, EXE, DLL dan beberapa tipe berkas yang berpotensi berbahaya.

  6. Cara membuat download file di html

    6

    Klik "Insert" setelah berkas selesai diunggah. Anda akan melihat tanda centang di sebelah berkas dalam jendela saat pengunggahan selesai.

  7. Cara membuat download file di html

    7

    Klik "Save" untuk membuat tautan. Dengan demikian, berkas akan diterapkan pada objek atau tautan yang Anda buat.

  8. Cara membuat download file di html

    8

    Klik "Publish" untuk menyimpan perubahan situs Anda. Dengan demikian, tautan baru Anda akan tayang, dan pengunjung dapat mengunduh berkas yang ditautkan. [6]

    Iklan

Tentang wikiHow ini

Halaman ini telah diakses sebanyak 16.053 kali.

Apakah artikel ini membantu Anda?