Menggunakan Dropbox Sebagai Ekternal Css atau Javascript di Website

Dropbox adalah layanan penyedia data berbasis web yang dioperasikan oleh Dropbox, Inc. Dropbox menggunakan sistem penyimpanan berjaringan yang memungkinkan pengguna untuk menyimpan dan berbagi data serta berkas dengan pengguna lain di internet menggunakan sinkronisasi data. Oleh karena itu, kita dapat memanfaatkan layanan dropbox ini untuk menyimpan file-file css dan javascript kita, untuk digunakan sebagai file external css atau javascript saat membuat website.
 
Berikut ini adalah langkah-langkah untuk menyimpan file css atau js ke dropbox, lalu digunakan sebagai file external css atau javascript di file HTML website :
 

#Tahap 1 : Unggah File Css atau Javascript ke Dropbox

1. Login ke Akun Dropbox Anda melalui alamat website https://www.dropbox.com/login
   
2. Setelah Login, silahkan buat folder baru untuk menampung file css dan javascript Anda (folder yang akan dibuat adalah folder web). Caranya : Klik kanan area kosong -> New Folder -> Ketik nama folder yang diinginkan (dalam hal ini folder : web)
   
3. Masuk ke folder yang telah Anda buat (folder web) dengan cara klik folder yang mau dibuka (folder web).
4. Lalu unggah file .css dan .js yang Anda inginkan (dalam hal ini file hello.css dan hello.js) dengan cara klik kanan area kosong sebelah kanan, lalu pilih Upload -> Choose files -> Pilih satu atau lebih file yang mau di-upload -> Open -> Done.
   
5. Mouse over ke file hello.css dan hello.js lalu klik tombol Share
   
6. Copy Link to file tersebut (https://www.dropbox.com/s/zqxtlfo18cysixs/hello.css?dl=0) dan (https://www.dropbox.com/s/mi35rq6lorlb0ys/hello.js?dl=0)

#Tahap 2 : Menyisipkan File Css atau Javascript yang Ada di Dropbox ke File HTML

1. Pada URL Share yang telah kita dapatkan di #Tahap 1, ganti https://www.dropbox.com dengan https://dl.dropboxusercontent.com dan hilangkan ?dl=0, sehingga URL Css dan Javascript yang akan kita sisipkan ke file HTML website menjadi :
   
   https://dl.dropboxusercontent.com/s/zqxtlfo18cysixs/hello.css
   
   
   https://dl.dropboxusercontent.com/s/mi35rq6lorlb0ys/hello.js
   
   
2. Untuk menyisipkan file css ke website :
   
   <link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/zqxtlfo18cysixs/hello.css">
   
   
3. Untuk menyisipkan file javascript ke website :
   
   <script src="https://dl.dropboxusercontent.com/s/mi35rq6lorlb0ys/hello.js"></script>

Demikianlah ulasan singkat bagaimana menggunakan dropbox sebagai external css dan javascript di website. Semoga bermanfaat.

Share This:

Post Tags:

Dropbox HTML Others

Martin Tobing

I'm Martin Tobing. A full time web programmer. I enjoy to make website and web application in PHP.

Website: http://www.martintobing.com/

• Social Links:

• Rss
• Facebook
• Twitter
• Google+
• Linkedin
• Youtube