Cara menggunakan Dropbox sebagai tempat menaruh gambar pada Website

Tue, Mar 19, 2024 12:55 PM
Administrator

Tutorial

Assalamualaikum Warrahmatullahi Wabarakatuh.

Apa kabar anda semua, semoga selalu sehat dan segar dalam menjalani aktifitas sehari-hari anda, saya akan menjelaskan Dropbox sebagai wadah untuk menaruh gambar dan menampilkannya pada Halaman Web.

Dropbox merupakan salah satu tempat penyimpanan file yang sebagian orang dapat terbantu dengan layanan ini.

Logo Dropbox!

Dropbox adalah salah satu alternatif dari penyimpanan Google Drive yang patut dicoba, sebenarnya ada banyak situs yang dapat menaruh file kita dan dapat membagikan secara bebas, semisal OneDrive, Google Drive, Dropbox, Mediafire, dan masih banyak lagi, sebagai penyimpanan file, Dropbox menawarkan fitur yang dapat digunakan pengguna untuk membagikan gambar.

Mengapa tidak ditaruh di hosting saja?

Hosting memiliki penyimpanan terbatas dan kita menyesuaikan dengan budget yang kita miliki, sehingga kita harus memutar otak untuk memaksimalkan kemampuan yang ada.

Caranya bagaimana?

  1. Yang pertama pastikan anda telah memiliki akun dropbox, anda bisa melakukan registrasi atau anda bisa menggunakan akun Google untuk Sign-In kedalam dropbox. Dropbox Login!
  2. Anda dapat mengupload gambar yang ingin anda bagikan, semisal saya ingin membagikan logo Ancrek yang terbaru, anda dapat menggunakan fasilitas Dropbox Desktop maupun web untuk mengupload gambar ke Dropbox. Dropbox Upload!
  3. Anda dapat membagikan file tersebut dengan mendapatkan link, untuk mendapatkannya, anda dapat klik kanan pada file yang anda ingin bagikan, dan klik Salin Tautan. Dropbox Salin Tautan!
  4. Anda akan mendapatkan link, biasanya bentuk link akan seperti ini
    https://www.dropbox.com/scl/fi/xxxxxx/namafile.png?rlkey=xxxxxx&dl=0
    Anda dapat merubah dl=0 menjadi raw=1 agar dropbox menampilkan file secara utuh pada browser.
  5. Silahkan masukan pada kode HTML anda
    <img src="https://www.dropbox.com/scl/fi/xxxxxx/namafile.png?rlkey=xxxxxx&raw=1" alt="Masukan deskripsi gambarnya"> dan contohnya akan menjadi seperti ini. Logo Ancrek!

Kira kira itulah yang dapat saya sampaikan, semoga dengan ini anda dapat mempraktekan dan mencoba apa yang sudah dijelaskan diatas, silahkan berkomentar dibawah mengenai apa yang saya sampaikan apabila masih belum jelas. Terima kasih!

Wassalamualaikum Warrahmatullahi Wabarakatuh.