Hai sahabat semua, kali ini saya ingin menyebarkan tips cara memakai Google drive sebagai daerah host file Javascript atau yang lebih kita kenal dengan kependekan JS dan juga dapat dipakai sebagai daerah host file CSS (Cascading Style Sheet) dan kawan-kawan. Bagi sahabat yang suka dan sering bermainan website dan blog maka istilah javascript dan css bukan lagi suatu yang ajaib lagi. Mengapa Google Drive? Ada banyak alasan, di antaranya; sebab gratis selamanya, cepat (tidak loading usang dikala calling file), tidak ada iklan ibarat iklan pop-up yang menyebalkan, dan yang paling menarik yakni kapasitas yang disediakan di akun gratis google drive kita sampai 15 GB dan terus bertambah! Dikarenakan beberapa alasan tersebut saya sangat termotivasi untuk menulis panduan Cara Host File Javascript dan CSS di Google Drive ini supaya sahabat semua tidak menyia-nyiakan kapasitas yang telah diberikan Google secara cuma-cuma.
Langkah pertama tentunya sahabat harus mempunyai file yang berekstensi / berformat JS, CSS, atau dapat juga yang lain, namun usahakan beberapa file dengan dua eksistensi tersebut. Jika sahabat belum punya, saya sudah menyediakannya di post saya ini, jadi damai saja. Langkah selanjutnya yaitu, sahabat harus login ke akun google drive sobat, sahabat dapat menciptakan email gmail dulu bila belum punya atau pribadi login saja memakai email gmail yang sudah ada dengan mengakses alamat drive.google.com, dikala sahabat mempunyai email di gmail, maka secara otomatis sahabat sudah dapat mengakses akun google drive milik sobat.
Silahkan download file berikut sebagai materi praktek (copy-paste di browser kemudian tekan enter, simpan di komputermu):
https://drive.google.com/uc?export=download&id=0B084yB0qfQg-a0dNRVZNR0pBalk
https://drive.google.com/uc?export=download&id=0B084yB0qfQg-RFlaeE5yWTJDX3c
Sebagai catatan: tips Cara Host File Javascript dan CSS di Google Drive ini berbeda dengan cara menciptakan link direct download di google drive yang pernah saya buat beberapa waktu yang lalu. Tips ini memastikan sahabat dapat memakai file js dan css yang telah di-host di google drive dapat berfungsi dengan semestinya, hal ini dikarenakan bentuk default url link yang disediakan oleh google drive hanya berfungsi sebagai link download (downloadable dan shareable link), dan akan kita bahas bagaimana cara mengubahnya menjadi link yang dapat mengeluarkan fungsi sebenarnya dari file yang kita host. Di beberapa web penyedia file host gratis akan menampilkan ekstensi file di selesai URL (alamat situs) yang dipakai ibarat http://www.alamatsitus.website/filekita.js, namun beda halnya dengan url dari google drive yang akan kita bahas, google drive hanya akan menampilkan id file, dan ini lah keunikan dari google drive. Jika sahabat masih bingung, mending kita pribadi praktek saja. Hehe
- Sekarang pribadi menuju drive.google.com dan klik tombol "new" dan Pilih file upload
- setelah menentukan file, pribadi klik file yang telah berhasil kita upload barusan, dan arahkan mata sahabat ke hidangan yang berada di kanan atas kemudian klik icon "get shareable link" ibarat berikut ini:
- lalu klik pada pecahan "sharing settings"
- dan pastikan sahabat menentukan opsi more -> public on the web -> sehingga menjadi "anyone on the internet can find and view" dan klik "copy link" kemudian jangan lupa klik tombol "done". Perhatikan gambar berikut ini (paste di notepad atau wordpad):
- Sekarang sahabat sudah mempunyai link downloadable namun file yang terkandung dalam link tersebut belum dapat mengeluarkan fungsinya, berikut link url yang telah sahabat peroleh (contoh):
https://drive.google.com/file/d/0B084yB0qfQg-a0dNRVZNR0pBalk/view?usp=sharing
- Agar dapat berfungsi, maka sahabat harus mengubah format url nya menjadi ibarat berikut ini (penting: perhatikan id file yang telah saya tandai dengan warna biru):
https://googledrive.com/host/0B084yB0qfQg-a0dNRVZNR0pBalk/
- URL di atas sudah dapat sahabat gunakan dalam gugusan tag html yang memanggil / call fungsi javascript ibarat berikut ini:
<script src="https://googledrive.com/host/0B084yB0qfQg-a0dNRVZNR0pBalk/" type="text/javascript"></script>
- Atau juga untuk yang file berekstensi css, maka dapat sahabat gunakan dalam tag html yang berfungsi sebagai pemanggil fungsi css yang telah kita host ibarat berikut ini:
<link href='https://googledrive.com/host/0B084yB0qfQg-RFlaeE5yWTJDX3c/' rel='stylesheet' type='text/css'/>
- Selesai.
Sekilas terlihat ribet, namun bila sahabat sudah sering mempraktekkan tips di atas, sahabat hanya perlu waktu 1 sampai 3 menit untuk menyelesaikannya. Bahkan saya sendiri hanya butuh waktu kurang dari 1 menit, bila saya dapat tentu sahabat juga dapat bukan?
Dengan sedikit perubahan format url yang telah kita peroleh maka kini fungsi yang terkandung dalam file yang telah kita host dapat kita panggil sehingga berfungsi dengan semestinya di website maupun di blog kita. Semoga tutorial sederhana perihal Cara Host File Javascript dan CSS di Google Drive ini bermanfaat bagi sahabat semua. Terima kasih telah berkunjung kemari.
Tags: Upload java script google drive, hosting JS di drive google, fungsi javascript drive, upload js dan css web