Link unduh Blogger dapat dibuat menggunakan anchor HTML yang diberi gaya tombol. Atribut download mempunyai batas; periksa tujuan dan perilaku browser sebelum menjanjikan hasil kepada pembaca.
Contoh dalam panduan ini merupakan teks kode yang tidak aktif. Tidak ada berkas baru yang disediakan atau diunduh. Gunakan contoh pada draf percobaan setelah mengganti alamat penanda dengan tujuan yang sah dan telah Anda periksa.
Pastikan yang ditautkan benar-benar tujuan yang dimaksud
Siapkan informasi sebelum mendesain tombol: nama dokumen, format, lokasi, versi, dan persyaratan aksesnya. Gunakan berkas yang memang boleh Anda bagikan. Jika berkas dikelola pihak lain, pastikan tujuan sesuai dengan yang hendak dijelaskan pada artikel.
Buka alamat tujuan secara terpisah. Bedakan berkas langsung, halaman pratinjau, dan halaman berbagi yang meminta login. Jika pengunjung perlu mengikuti langkah tambahan, tuliskan hal tersebut; jangan memberi label “unduh langsung” untuk tujuan yang sebenarnya membuka halaman perantara.
Catat apakah tautan bergantung pada akun yang sedang masuk. Jika pembaca memerlukan akses khusus, jelaskan prasyarat tersebut. Bila dokumen seharusnya terbuka untuk umum tetapi hanya terbuka bagi pemiliknya, selesaikan masalah akses pada layanan penyimpanan terlebih dahulu; perubahan HTML tombol tidak menggantikannya.
Panduan tujuan tautan W3C WAI menjelaskan bahwa maksud tautan perlu dipahami melalui teks atau konteksnya. Gunakan nama seperti “Buka panduan pemasangan (PDF)” bila isinya memang PDF. Kata “klik di sini” saja menyembunyikan tujuan yang perlu diketahui pembaca.
Jangan menambahkan ukuran berkas, versi, atau tanggal pembaruan berdasarkan dugaan. Bila informasi itu ingin ditampilkan, periksa sumber berkasnya dan catat hasilnya. Ekstensi pada alamat juga perlu dicocokkan dengan berkas yang benar-benar disediakan.
Pahami mengapa download tidak selalu menyimpan berkas
Referensi anchor MDN membatasi download pada URL same-origin, blob yang same-origin, dan skema data. Pada URL lainnya, atribut itu diabaikan sehingga navigasi biasa terjadi, meskipun server tujuan masih dapat mengarahkan pengunduhan. Browser dan pengaturan pengguna turut memengaruhi hasilnya.
Menurut definisi origin MDN, protokol, hostname, dan port perlu sama. Berkas yang berada di host penyimpanan lain tidak menjadi same-origin hanya karena tautannya ditempel pada artikel Blogger Anda.
Dokumentasi Content-Disposition MDN menjelaskan header respons server yang dapat menetapkan attachment untuk pengunduhan. Nama berkas pada header dapat mengalahkan nama yang disarankan atribut download. Menempel tulisan header pada postingan tidak mengubah respons server penyimpanan.
Karena itu, contoh utama di bawah tidak memakai download pada alamat eksternal penanda. Jika kelak menambah atribut tersebut pada tujuan yang memenuhi ketentuannya, penjelasan properti download MDN menyebut nama berkas sebagai nama yang diusulkan. Jangan menjanjikan nama simpan atau unduhan paksa yang belum terbukti.
Salin anchor dengan label yang menjelaskan tujuan
Contoh ini tetap berupa tautan, meskipun tampil seperti tombol. Elemen a dengan href dapat diaktifkan memakai Enter saat mendapat fokus. Tidak perlu menambahkan role button, tombol bersarang, atau JavaScript hanya untuk menuju alamat berkas.
Alamat example.com berikut hanya penanda dan bukan lokasi berkas yang disediakan panduan ini. Ganti seluruh href dan teks tautannya. Contoh mengasumsikan dokumen latihan berupa PDF; ubah label jika berkas sebenarnya berbeda.
<a
href="https://example.com/berkas/panduan-blogger.pdf"
style="display:inline-block;box-sizing:border-box;max-width:100%;margin:0.5rem 0;padding:0.75rem 1rem;border:2px solid #1e40af;border-radius:0.5rem;background:#1e40af;color:#ffffff;line-height:1.5;text-decoration:underline;overflow-wrap:anywhere;">
Buka atau unduh panduan Blogger (PDF)
</a>Label “buka atau unduh” sengaja tidak menjanjikan penyimpanan otomatis. Contoh juga tidak membuka tab baru atau memanggil popup. Pertahankan tujuan yang jelas ketika menyesuaikan warna, jarak, dan nama dokumen.
Gaya ditempatkan pada komponen ini saja. Jangan mengganti semua tautan artikel menjadi tombol atau menempel aturan global ke tema untuk mencoba satu tautan. Penjelasan sebelum tautan tetap diperlukan agar pembaca memahami manfaat dokumen yang ditawarkan.
Tempatkan pada draf dan periksa HTML yang tersimpan
Simpan salinan isi sebelum mengedit artikel penting. Panduan backup Blogger membantu menyiapkan cadangan yang lebih luas. Untuk latihan, gunakan draf terpisah agar perubahan dapat ditinjau sebelum dipakai pada artikel yang sudah tersedia.
Pilih Tampilan HTML pada editor postingan, lalu tempel contoh setelah paragraf penjelas yang sudah ditutup. Jangan menempelkannya di dalam tautan lain. Ganti penanda, simpan, dan buka pratinjau. Bantuan postingan Blogger membedakan penyimpanan draf dari penerbitan serta menyediakan langkah Preview.
Muat ulang editor dan cocokkan href serta teks yang benar-benar tersimpan. Jika pratinjau memperlihatkan tag, periksa mode dan penempatannya. Jika tujuan berubah menjadi alamat yang tidak dikenal, hentikan penggunaan contoh itu dan tinjau HTML sebelum melanjutkan.
Jika hanya ingin memperbarui berkas tujuan, sunting tautan yang ada. Jangan meninggalkan dua tombol berlabel sama menuju versi berbeda tanpa penjelasan. Pembaca perlu mengetahui dokumen mana yang masih berlaku.
Periksa keterbacaan dan perilaku tujuan secara terpisah
Pada pratinjau sempit, periksa apakah nama dokumen membungkus tanpa membuat halaman melebar. Coba label yang benar-benar akan dipakai, termasuk nama yang panjang. Pastikan teks terbaca terhadap latar dan jarak dari tautan tetangga cukup untuk menghindari salah pilih.
Gunakan panduan warna dan tipografi Blogger untuk menyelaraskan penampilan. Aturan tema dapat memengaruhi hasil akhir, sehingga menyalin warna contoh belum membuktikan seluruh halaman memenuhi aksesibilitas.
Gunakan Tab untuk mencapai tautan, lalu Enter untuk mengaktifkannya. Panduan Focus Visible W3C WAI menjelaskan kebutuhan indikator fokus yang terlihat. Jangan menghapus outline tanpa pengganti yang jelas. Pemeriksaan ini perlu dilakukan pada halaman Anda; panduan ini tidak melaporkan pengujian komponen terpasang.
Uji tujuan pengganti dan catat apa yang terjadi: halaman perantara terbuka, dokumen ditampilkan, atau proses menyimpan ditawarkan. Jika berbeda dari harapan, periksa alamat dan layanan penyimpanan terlebih dahulu. Mengubah warna tombol tidak memperbaiki izin akses atau respons berkas.
Pisahkan hasil pemeriksaan menjadi akses, kesesuaian dokumen, dan perilaku membuka atau menyimpan. Tautan dapat terbuka tetapi mengarah ke versi lama; tampilan dokumen yang benar juga belum menjawab apakah tombol mudah digunakan. Beri satu catatan untuk setiap persoalan agar perbaikannya tepat sasaran.
Simpan tanggal pemeriksaan, URL tujuan, versi dokumen, dan perilaku yang diamati. Periksa kembali saat berkas dipindahkan atau diperbarui. Tombol yang baik menjelaskan tujuan secara jujur dan tetap dapat dipakai; tampilannya tidak menjamin pengunduhan, pengindeksan, atau peringkat tertentu.
Komentar
Posting Komentar