2 Versi HTML Link URL Unduh Gambar Di Blog Atau Website

Flexcibel - Membuat link Url download atau unduh gambar, bagi pemula memang ada yang merasa kesulitan. Tapi itu suatu hal yang biasa, wajarlah soalnya belum tahu dan mempelajari cara-caranya. Apakah sebenarnya yang di namakan link download atau url unduh gambar itu?. Dalam pengertian sederhananya adalah sebuah link Url dalam bentuk HTML yang tersemat alamat suatu gambar di dalamnya. Kemudian, di saat ada orang mengklik gambar tersebut, maka secara otomatis gambar tersebut akan terunduh.

Dalam penerapannya, link unduh gambar ini sebenarnya ada 2 (dua) versi. Yaitu link unduh langsung dengan mengklik gambarnya, dan link unduh dengan menggunakan text link. Sebagai contoh text link, biasanya terdapat pada situs-situs download file mp3, video, aplikasi, dan lainnya.

Baca Juga:

Membuat Paragraf Mode Script HTML.

Ini Loh Sitemap Blog Paling Simple.

Inilah Cara Membuat Link Download Gambar Paling Mudah

Pada dasarnya, kode script HTML itu kalau kita serius dan tekun mempelajarinya, sebenarnya mudah. Apalagi sekedar pada tingkat dasarnya saja. Dan yang termasuk bagian dari script HTML dasar adalah membuat link unduh atau download gambar. Seperti yang di bahas pada topik artikel ini.

Lalu, apa sajakah yang di butuhkan untuk membuat link unduh gambar?. Yang pasti di butuhkan adalah file gambar yang akan di unduh. Jadi, pada tahap permulaan, kita harus upload gambar dulu. Dan sebelum gambar tersebut di upload, usahakan di beri nama/title dulu pada gambar tersebut.

Dalam hal title/nama pada file gambar, kita dapat mengambil contoh saat mengunduh file mp3. Pada file mp3 yang kita download rata-rata tersemat title atau judul lagu yang di download. Sebagai gambarannya seperti ini: "aku-suka-kau.mp3", begitu juga dengan file gambar, usahakan di beri title sesuai dengan keinginan atau menyesuaikan dengan title/nama file yang akan di pasang untuk di unduh.

Contohnya: seumpama gambar pemandangan dengan format file jpg, maka title yang sesuai seperti ini: "panorama-indah...." (format file: jpg, gif, png, jpeg).

2 Versi Link Unduh Gambar Dengan Script HTML

Menerjuni dunia blogging, kalau tidak mengenal dasar-dasar HTML rasanya masih belum menjadi blogger beneran. Maka dari itu bagi kita yang pemula, sebisa mungkin berusaha untuk mempelajari kode HTML, walaupun toh itu masih tingkat dasar.

Selanjutnya, sesuai dengan topik bahasan pada artikel, yaitu 2 versi membuat link download gambar dengan menggunakan kode script HTML. Maka, anda bisa melihat contoh di bawah ini:

1. Link Gambar.

Untuk membuat link gambar, yang langsung otomatis bisa mengunduh saat gambar di klik

Lihat dan pahami susunan kode HTML di bawah ini:

<a href="https://alamat-url-blog-anda/nama-file-gambar.jpg"> <img src="https://alamat-url-blog-anda/nama-file-gambar.jpg"></a>
Sebagai contoh hasil susunan HTML langsung download gambar, anda bisa lihat di bawah ini:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKjZTfzyHQVgFVm9Sfx6QXlZvrhafnp4d2vM8M7Rlp6KdoNMxyDpT6zVCgGWaMMADVkDSH0hhyU2iAHJe40G_-IgsJrZAIzM6R16xehMjCf8T59HhP01RAVZ2VeIckCk6_mR_oTPA95s/s207/flexcibel-logo-1.png"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKjZTfzyHQVgFVm9Sfx6QXlZvrhafnp4d2vM8M7Rlp6KdoNMxyDpT6zVCgGWaMMADVkDSH0hhyU2iAHJe40G_-IgsJrZAIzM6R16xehMjCf8T59HhP01RAVZ2VeIckCk6_mR_oTPA95s/s207/flexcibel-logo-1.png"></a>
Hasil otomatis dapat di download klik pada gambar:

2. Text Link.

Untuk versi yang kedua ini, kita harus menggunakan Text sebagai link download. Secara ringkas alamat url seperti di atas itu di balik, yang bermuatan <img src="https://...."> itu di pindah pada posisi pertama.

Contohnya:
<img src="https://alamat-url-blog-anda/nama-file-gambar.png"><a href="https://alamat-url-blog-anda/nama-file-gambar.png">Download/Unduh</a>
Contoh menggunakan link url gambar yang sesungguhnya:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKjZTfzyHQVgFVm9Sfx6QXlZvrhafnp4d2vM8M7Rlp6KdoNMxyDpT6zVCgGWaMMADVkDSH0hhyU2iAHJe40G_-IgsJrZAIzM6R16xehMjCf8T59HhP01RAVZ2VeIckCk6_mR_oTPA95s/s207/flexcibel-logo-1.png"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKjZTfzyHQVgFVm9Sfx6QXlZvrhafnp4d2vM8M7Rlp6KdoNMxyDpT6zVCgGWaMMADVkDSH0hhyU2iAHJe40G_-IgsJrZAIzM6R16xehMjCf8T59HhP01RAVZ2VeIckCk6_mR_oTPA95s/s207/flexcibel-logo-1.png">Download/Unduh</a>
Untuk melihat hasilnya, lihat contoh di bawah ini:
Download/Unduh

Kesimpulan:

Dalam penyusunan 2 versi script HTML link unduh/download. Yang langsung download melalui klik gambar, maka tag attribute <a href=....> terletak pada awal susunan script. Kemudian, link unduh menggunakan text dan link, maka tag attribute <img src=.....> kita susun pada awal penulisan kode script. Kemudian di sambung dengan tag attribute <a href=....>Download/Unduh</a>.

Demikian 2 Versi HTML Link Unduh Gambar. Semoga bermanfaat...