Kelola Javascript dan CSS di Google Drive - Trikjoker.Net . Seperti yang telah saya sampaikan pada halaman sebelumnya tentang Cara Membuat File di Google Drive. File seperti JS (Javascript) dan CSS (Cascading Style Sheets) adalah bagian penting dalam membangun sebuah situs seperti blog. Di Google Drive anda juga bisa membuat atau menggunggah file seperti JS dan CSS lalu bisa digunakan untuk keperluan situs web/blog.
Pertama anda harus tahu cara mengunggah atau membuat file di Google Drive dahulu, silakan klik di sini untuk mempelajarinya. Sedikit petunjuk, bila anda akan menggunggah JS maka simpanlah kode script-nya ke notepad dan beri nama dengan ekstensi .js seperti contoh related-post.js, begitu pula dengan css dengan ekstensi .css.
![]() |
Kelola Javascript dan CSS di Google Drive |
Setelah anda meng-upload atau membuat file JS atau CSS nya, silakan klik atau buka file nya di Google Drive. Maka akan terbuka sebuah jendela seperti frame seperti yang terlihat pada gambar di atas. Lalu silakan klik menu Bagikan yang berikon manusia dan tambah seperti yang ditunjukan dengan lingkaran merah kecil pada gambar di atas.
Setelah ikon menu Bagikan diklik maka akan muncul sebuah frame perintah yang mana berguna untuk pengaturan kode agar bisa digunakan oleh kita di blog/web. Perhatikan gambar di bawah.
![]() |
Kelola Javascript dan CSS di Google Drive (2) |
> Silakan klik kolom yang ditandai warna merah, itu untuk mengatur supaya kode bisa digunakan oleh kita bahkan oleh teman. Pengaturan yang baik seperti yang terlihat pada gambar (2) Anyone on the internet can find and view.
> Untuk yang ditandai dengan warna kuning, silakan copy alamat url tersebut dan paste ke notepad. Supaya kode itu bisa digunakan layaknya script di blog/web maka kita perlu sedikit merubah alamat url nya. Perhatikan penjelasan contoh di bawah.
Sebelum: https://drive.google.com/file/d/0B85ycU8-N6hidEZHU3BwSGF0VHM/view?usp=sharing
Setelah : https://googledrive.com/host/0B85ycU8-N6hidEZHU3BwSGF0VHM
Anda bisa perhatikan urutan url dan penempatannya, yang digaris bawahi adalah kode yang harus anda salin. Dan terakhir, untuk penggunaan di web/blog nya adalah seperti berikut.
Javascript:
<script async='async' src='https://googledrive.com/host/0B85ycU8-N6hidEZHU3BwSGF0VHM' type='text/javascript'></script>CSS:
<link href='https://googledrive.com/host/0B85ycU8-N6hidEZHU3BwSGF0VHM' rel='stylesheet' type='text/css'/>
Silakan buka alamat url yang sudah diedit seperti contoh di atas di browser, maka akan muncul kode yang telah anda upload di Google Drive. Selamat mencoba.