Memanfaatkan Google Drive sebagai Media Hosting File CSS, dan JavaScript

Apa itu Google Drive?

Penulis percaya, anda pasti mengenal Google Drive. Google Drive adalah sebuah layanan penyimpanan milik Google. Layanan penyimpanan ini diberikan secara gratis sebesar 15 GB dan dapat ditambahkan dengan pembayaran tertentu. Fiturnya sama seperti Dropbox, yaitu sinkronisasi data melalui folder khusus di dalam desktop. Para Blogger mania biasanya menggunakan Google Drive untuk menyimpan file CSS dan JavaScript.

Sebagai sebuah media penyimpanan secara online, tentu untuk  pengelolaan data atau file di Google Drive tidak semudah seperti kita menyimpan data di drive laptop atau komputer. Ada beberapa langkah yang harus diperhatikan agar file yang di upload dapat dibaca sempurna. Permasalahan biasanya adalah permasalahan ketika mengatur kontent dan mengambil url dari file yang diupload untuk digunakan sebagaimana dikehendaki. Itulah permasalahan yang patut dipecahkan.

Memanfaatkan Google Drive sebagai Media Hosting File HTML, CSS, dan JavaScript

A. Mengupload File Ke Google Drive

1. Kunjungi https://drive.google.com/
2. Apabila ingin membuat folder baru, silahkan klik tombol Baru (1) pada kolom sebelah kanan halaman
3. Klik pada Folder (2)

4. Pada halaman pupop yang muncul, Masukkan nama folder yang ingin dibuat, misalnya Contoh.
    kemudian klik buat
5. Sekarang pada Google Drive anda telah ada sebuah folder baru bernama Contoh. Klik dua kali pada
    folder tersebut. sekarang anda telah berada dalam folder tersebut.

6. Untuk mengupload sebuah file Javascript atau file lainnya, anda cukup menyeret dan melepaskannya
    pada bidang halaman bertuliskan Seret dan Lepaskan file disini.

7. Untuk tahap ini anda sudah berhasil mengupload sebuah file bernama contoh.js dalam folder Contoh.

B. Cara Share File Agar Bisa di Akses Secara Global serta Cara Penggunaannya

Pada tahap pertama tadi anda telah berhasil mengupload sebuah file. Selamat!. Namun file tersebut hanya anda yang dapat mengaksesnya. Agar bisa diakses secara global, file yang anda upload harus anda share. Berikut langkahnya:
1. Klik kanan pada file yang anda upload tadi, kemudian klik Bagikan....

2. Pada pupop yang muncul, biarkan default saja. Ingat, copy link akses file (nomor 2 pada gambar).
    Link tersebut sangat sakral untuk tidak di copikan :-). kemudian klik Beres.

3. Perhatikan Url yang telah anda copy tadi.

https://drive.google.com/file/d/0B0W1gh_13V_QQ2w3YVVhcm1ybTg/view?usp=sharing

4. Kode berwarna merah tersebut adalah id dari file contoh.js yang kita upload. kode itu adalah kode
     yang perlu dipasang untuk memanggil file Javascript yang telah kita upload tadi.
5. Untuk penggunaannya dalam web atau blog kita, perhatikan lagi kode berikut!

<script src="https://googledrive.com/host/0B0W1gh_13V_QQ2w3YVVhcm1ybTg" type="text/javascript" />

*pastikan code berwarna merah sama dengan kode berwarna merah pada langkah 3 diatas

6. Untuk mengecek apakah alamat itu berjalan, silahkan paste url src yang kita pasang pada script diatas
    (langkah ke 5 tadi) pada browser anda.

7. Jika browser mampu menampilkan file Javascript yang telah kita upload. berarti kerja keras kita
    berhasil. Sekali lagi selamat buat anda.

C. Cara Share Folder dan Mengakses File yang Ada di Dalamnya

Adakalanya kita membutuhkan resource file yang banyak. Tentu dengan menggunakan langkah mengakses file atau menggunakan url file seperti pada langkah sebelumnya adalah sangat rumit. Hal itu dikarenakan kita harus berkali-kali menshare dan mengambil link masing-masing file. Untuk keadaan tersebut ada penanganannya sendiri. ikuti langkah berikut!
1. Anda kembali ke folder yang pertama kita buat dulu (maksudnya folder Contoh).
2. Klik kanan pada folder tersebut, dan klik Bagikan...
3. Pada popup yang muncul, jangan klik Beres dulu. Klik dulu Lanjutan.

4. Pada pupup selanjutnya juga jangan buru-buru klik selesai. Klik dulu Ubah.

5. Pada Popup selanjutnya. Pada bagian aktif, pilih Publik di web. Untuk akses pilih dapat melihat.
     kemudian klik Simpan.

6. Klik selesai pada popup setelan berbagi dan klik Beres. Oya, jangan lupa copy link sharenya. :-)
7. perhatikan alamat sharing urlnya!
 

https://drive.google.com/folderview?id=0B0W1gh_13V_QOGd1b1hsZThsOXc&usp=sharing

 8. Kode itu adalah id dari folder Contoh yang kita buat tadi. masih ingat kan file yang kita upload tadi?
     file contoh.js maksud saya. Untuk menggunakan file tersebut dalam halaman html kita adalah sebagai
     berikut:

<script src="https://googledrive.com/host/0B0W1gh_13V_QOGd1b1hsZThsOXc/contoh.js" type="text/javascript" />

*pastikan code berwarna merah sama dengan kode berwarna merah pada langkah 7 dan contoh.js adalah file yang anda upload
 
9. Untuk mengecek apakah alamat itu berjalan, silahkan paste url src yang kita pasang pada script diatas
    (langkah ke 8 tadi) pada browser anda.

* untuk langkah ini anda harus menambahkan "/nama file" setelah id sharing folder.

Kesimpulan

Google Drive yang gratis tidak saja dapat digunakan untuk penyimpanan online. Untuk para Blogger pun dapat menggunakannya sebagai tempat Hosting file CSS dan JavaScript. Kita tidak perlu lagi membeli hosting untuk mengupload sebuah file untuk keperluan blogging dan lainnya. ada dua cara yang dapat digunakan untuk mengakses file yang diupload yaitu:
1. Dengan cara mengambil id file yang diupload
2. Dengan cara mengambil id folder yang diupload.

Semoga artikel ini dapat bermanfaat bagi anda, Jika masih ada kendala silahkan ditanyakan pada kolom komentar dibawah. :-)